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

Question

我看过很多次，在阅读有关模块的文档时，要导入样式，而不是直接添加路径 angular cli，文档通常使用这种指令（我我正在使用 Kendo UI 和 angular 的示例）：

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

但如果出现此错误，这将无法正常工作

ERROR in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./src/styles.css Module not found: Error: Can't resolve '@progress/kendo-theme-default/scss/all' in 'C:\Users\DSartori\Desktop\angularProject1\ant-test\src' resolve '@progress/kendo-theme-default/scss/all' in 'C:\Users\DSartori\Desktop\angularProject1\ant-test\src'

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

我该如何解决？请注意：

我注意到我要导入的文件不是简单的css，而是scss，而且那个指令应该写在styles.scss 。我是否需要按照说明进行操作？
在progress/kendo-theme-default/scss/all目录下有几个scss文件要导入，我想避免在angular-cli.json 文件

如果有什么不清楚或者您需要更多细节，请询问而不是投反对票

Answer 1

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

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

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

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

Can't import global styles in my styles.css

html

css

angular-cli

kendo-ui-angular2

angular5