由于 SassError: 找不到要导入的样式表,ng 测试失败

2023-12-27

我有一些.scss我在模块中包含的组件中导入的文件。当我为开发或生产构建项目时,一切都很好,但是当我运行时ng test我看到一堆错误,内容如下:

SassError: SassError: Can't find stylesheet to import.

1 │ @import "mixins";

每个导入的都会发生这种情况.scss我的模块中的文件。共享样式放置在src/assets/styles像这样的目录:

-src
  -assets
    -styles
      -_mixins.scss
      -_theme.scss
      ...etc

In my angular.json我有以下属性:

"styles": ["src/styles.scss"],
"stylePreprocessorOptions": {
  "includePaths": ["src/assets/styles"]
},

我尝试在 main 中引用我的所有样式style.scss,但无济于事。让我烦恼的主要事情是,在开发和生产模式下一切都工作正常,只是测试带来了这些错误,我无法找到解决此问题的方法。

Angular version is 10.0.5
Sass version is 1.26.5
Sass loader version is 8.0.2

这个问题已经被回答过好几次了。还请使用搜索并对问题和答案进行投票。

在 Stackoverflow 上:1 https://stackoverflow.com/questions/50210311/sass-loader-requires-node-sass-4-even-if-that-exist 2 https://stackoverflow.com/questions/57971347/ng-test-fails-in-angular-universal-error-incomplete-no-specs-found-randomiz 3 https://stackoverflow.com/questions/44460733/how-to-configure-karma-to-include-global-scss-files-for-an-angular-cli-project

在 Github 上的 AngularCLI 上:1 https://github.com/angular/angular-cli/issues/11212

要修复此导入并添加到预处理器。

更新您的angular.json补丁中的文件projects.NAME.architect.test有了这个

"styles": ["src/styles.scss"],
"stylePreprocessorOptions": {
  "includePaths": ["src/assets/styles"]
},
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

由于 SassError: 找不到要导入的样式表,ng 测试失败 的相关文章

  • Angular 5 - 使用对象进行表单控制

    我目前正在开发一个由 Django 支持的 Angular 应用程序 该应用程序的一部分是它需要显示成员列表 成员数组看起来有点像这样 name John Smith id 3 score set name Jane Doe id 7 sc
  • TypeScript 编译速度极慢 > 12 秒

    只是把它放在那里看看其他人是否也遇到这个问题 我已经使用 webpack 作为我的构建工具 使用 typescript 构建了一个 Angular 2 应用程序 一切都运行良好 但是我注意到 typescript 编译超级超级慢 我现在只有
  • 查询参数更改时,路线不会更新

    在我的应用程序中 有多个链接 其中我有一些links与相同的route但与不同的query parameters 比如说 我有这样的链接 deposits withdrawals deposits withdrawals id 1 depo
  • 如何在 Angular 4 项目中使用 ActiveXObject

    我正在尝试使用 ActiveXObject 如下所示 getActiveXObject pdfCtrl return new ActiveXObject pdfCtrl checkPDF let plugin null if this ge
  • 在 angular2 中过滤数组

    我正在研究如何在 Angular2 中过滤数据数组 我研究过使用自定义管道 但我觉得这不是我想要的 因为它似乎更适合简单的表示转换 而不是过滤大量数据 数组排列如下 getLogs Array
  • ngmodel与Angular2中复选框的动态数组绑定

    我有一个 Angular 2 组件 其中我从数组生成复选框列表 现在我需要根据选中的复选框填充不同的数组 这应该是双向绑定 这意味着如果复选框的值已在数组中 则必须已经检查了复选框 我在 Angular 1 中使用了一个名为 checkli
  • Angular 5 将 ElementRef 转换回 Component

    是否可以投回ElementRef到一个组件 我有一种情况 我手里有nativeElement我需要将其转换为组件 看一下console log 我想提取name 我可以把它投回来吗 谢谢https stackblitz com edit a
  • 角度 2 中的动态 styleUrls?

    是否可以将样式表的 url 动态注入到组件中 就像是 styleUrls stylesheet1 css this additionalUrls 或者 一厢情愿并注意这只是假代码 export class MyComponent imple
  • 为 Firestore 创建的每个用户的自定义 UID

    请注意 这个问题与问题相同here https stackoverflow com questions 41155905 firebase authentication email password how to set users uid
  • 当动态列的 ng-prime 数据表中的行更新时如何更新行背景颜色?

    我想在行更新时更改行颜色 记录更新成功时如何设置行背景颜色 html
  • 在 Angular 6 angular.json 中导入 bootstrap 错误:ENOENT:没有这样的文件或目录

    在 Angular 6 中导入 bootstrap 的正确方法是什么 在以前的版本中 我是这样做的 并且它工作正常 角度 cli json 角度5 styles styles scss scripts node modules jquery
  • 如何从 Angular ActivatedRoute 获取参数

    我正在尝试使用 observables 从我激活的路线中获取 prameter id 当我在控制台上打印参数时 我得到了正确的 id 值 但 this id 的情况并非如此 我得到了 NaN 值 你能告诉我有什么问题吗 export cla
  • 使用 ngx-translate 时更改 URL

    当有人使用 ngx translate 单击所选语言时 我尝试更改 URL 我想我应该通过订阅语言更改事件然后修改当前的 url 以反映所选的语言来做到这一点 因为我是新手 所以我不确定是否需要服务来做到这一点 或者可能是另一种解决方法 我
  • Angular2 RC6 禁用输入

    以前在我的 Angular2 RC5 应用程序中 我有一个如下所示的输入元素
  • Angular HTML 绑定

    我正在编写一个 Angular 应用程序 并且有一个想要显示的 HTML 响应 我怎么做 如果我只是使用绑定语法 myVal 它对所有 HTML 字符进行编码 当然 我需要以某种方式绑定innerHTML of a div到变量值 正确的语
  • 使用 ngFor 的内联样式背景图像

    我正在尝试为 ngFor 循环中的每个 div 设置背景图像 在我循环的 JSON 中 我有一个属性property Image包含图像的 url 字符串 img src flag properties Image 有效 但我尝试将图像显示
  • 如何使用 forkjoin 返回 Angular 中两个独立 API 调用的组合响应

    我有两个独立的 api 调用 下面是两个api调用的代码 public getLendingType partyId string Observable lt lendingType string partyId string gt ret
  • Angular 4:类型“AbstractControl”上不存在属性“push”和“controls”

    我从这个链接实现了代码http plnkr co edit yV94ZjypwBgHAlb0RLK2 p preview http plnkr co edit yV94ZjypwBgHAlb0RLK2 p preview但获取推送和控制错误
  • 角度编译速度慢

    我有一个API in Symfony PHP 我用它来测试postman它就像一个魅力 但当我这样做时ng serve aot optimization应用程序开始构建并且消息compiled successfully 需要一分多钟 当我需
  • 如何在 Angular2 中注销时获取新实例/重新加载所有服务

    我正在开发 Angular 2 应用程序 它类似于最后提供的 Plunker 链接 在 HeroService 中 我有一个属性 clickCount 该属性将在单击英雄时增加 但是登录后我想重置这个参数 我不想使用该服务并重置其值 实际上

随机推荐