首页 文章

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

提问于
浏览 次
1

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

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

但如果因为我收到此错误，这不起作用

错误在./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false} ！./ src / styles.css找不到模块：错误：无法在'C：\ Users \ DSartori \ Desktop \ angularProject1 \ ant-test \ src中解析'@ progress / kendo-theme-default / scss / all'在'C：\ Users \ DSartori \ Desktop \ angularProject1 \ ant-test \ src'中'解析'@ progress / kendo-theme-default / scss / all'

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

我怎么解决？注意 ：

  • 我注意到我要导入的文件不是简单的css，而是scss，而且该指令也应该写在styles.scss中 . 我需要按照here所述进行操作吗？

  • 在目录progress / kendo-theme-default / scss / all中有几个我要导入的scss文件，我想避免在angular-cli.json文件中逐个添加它们

如果某些事情不明确或您需要更多详细信息，请询问而不是downvote

css html5 angular-cli angular5 kendo-ui-angular2

1 回答

  • 2

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

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

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

    回复于

相关问题