Question

在阅读有关模块的文档时，我已多次看到，为了导入样式，而不是直接添加路径angular cli，文档通常使用这种指令（我使用的是用于角度的Kendo UI的示例：

@import "~@progress/kendo-theme-default/scss/all";

但如果因为我收到此错误

，这是行不通的

错误在./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{&# 34; IDENT＆＃34;：＆＃34; postcss＆＃34;＆＃34; sourceMap＆＃34;：假} ./ SRC / styles.css的！找不到模块：错误：无法解析＆＃39; @ progress / kendo-theme-default / scss / all＆＃39; in＆＃39; C：\ Users \ DSartori \ Desktop \ angularProject1 \ ant-test \ src＆＃39; 解决＆＃39; @ progress / kendo-theme-default / scss / all＆＃39; in＆＃39; C：\ Users \ DSartori \ Desktop \ angularProject1 \ ant-test \ src＆＃39;

据我所知，它查找错误目录中的文件，导致而不是在node_modules中查找@progress ..，它在src文件夹中查找。

我该如何解决？请注意：

我注意到我要导入的文件不是简单的css，而是scss，而且该指令也应该写在styles.scss中。我是否需要按照规定进行here？
在目录progress / kendo-theme-default / scss / all中有几个我要导入的scss文件，我想避免在angular-cli.json中逐个添加它们文件

如果某些内容不明确或您需要更多详细信息，请提出而不是downvote

Answer 1

样式帮助主题中引用的行@import "~@progress/kendo-theme-default/scss/all";只能在scss文件中使用 - 它包含按来源分类的主题。您链接的答案显示了默认情况下如何配置angular-cli应用程序以使用scss文件，这将解决问题。

或者，您可以包含完整主题的CSS，尽管该解决方案可能不太灵活（您不能仅为您正在使用的小部件导入主题）。

有关如何在项目中包含主题的详细信息，请参阅styling overview帮助主题，其中显示了所有可用选项及其优势。

无法在styles.css中导入全局样式

1 个答案: