angular-cli中的SCSS加载错误

Posted 2023-02-27

【中文标题】angular-cli中的SCSS加载错误

【英文标题】：SCSS Loading error in angular-cli

【发布时间】：2017-06-01 10:03:52

【问题描述】：

我正在使用 AngularCLI 到 Angular2。我包含了带有 SCSS 语法的 sass 预处理器。但是当我在弹出后键入 ng serve 或 npm run build 时，我得到了类似的东西。我检查了目录，一切都很好，我阅读了有关 SASS 加载程序错误的信息，但现在我有了修复该错误的最新版本。有谁知道我该如何解决它？

提前谢谢你。

ERROR in ./~/css-loader?"sourceMap":false,"importLoaders":1!./~/postcss-
loader?"ident":"postcss"!./~/sass-loader/lib/loader.js?
"sourceMap":false,"precision":8,"includePaths":[]!./src/styles.scss 
Module not found: Error: Can't resolve '../images/arrow_bullet-01.png' in 
'F:\Angular2Tests\bootstrapscss\src'
@ ./~/css-loader?"sourceMap":false,"importLoaders":1!./~/postcss-loader?
"ident":"postcss"!./~/sass-loader/lib/loader.js?
"sourceMap":false,"precision":8,"includePaths":[]!./src/styles.scss  
6:87042-87082
@ ./src/styles.scss
@ multi ./src/styles.scss

ERROR in ./~/css-loader?"sourceMap":false,"importLoaders":1!./~/postcss-
loader?"ident":"postcss"!./~/sass-loader/lib/loader.js?
"sourceMap":false,"precision":8,"includePaths":[]!./src/styles.scss
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-
regular.eot' in 'F:\Angular2Tests\bootstrapscss\src'
@ ./~/css-loader?"sourceMap":false,"importLoaders":1!./~/postcss-loader?
"ident":"postcss"!./~/sass-loader/lib/loader.js?
"sourceMap":false,"precision":8,"includePaths":[]!./src/styles.scss 
6:243131-243183 6:243206-243258
@ ./src/styles.scss
@ multi ./src/styles.scss

ERROR in ./~/css-loader?"sourceMap":false,"importLoaders":1!./~/postcss-
loader?"ident":"postcss"!./~/sass-loader/lib/loader.js?
"sourceMap":false,"precision":8,"includePaths":[]!./src/styles.scss
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-
regular.woff' in 'F:\Angular2Tests\bootstrapscss\src'
@ ./~/css-loader?"sourceMap":false,"importLoaders":1!./~/postcss-loader?
"ident":"postcss"!./~/sass-loader/lib/loader.js?
"sourceMap":false,"precision":8,"includePaths":[]!./src/styles.scss 
6:243310-243363
@ ./src/styles.scss
@ multi ./src/styles.scss

【参考方案1】：

sass 库存在一个已知问题，它不会加载与其正在导入的文件相关的文件。对于字体，您可能需要使用 src 目录的绝对路径导入。

问题已跟踪here

angular-cli 团队决定关闭它，因为这是 sass 库而不是 cli 的问题。