無法在我的styles.css中導入全局樣式

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？{“ 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'

據我了解，它在錯誤的目錄中查找文件，原因是在src文件夾中查找，而不是在node_modules中查找@progress..。

我該如何解決？ 注意 ：

• 我注意到，我要導入的文件不是簡單的CSS，而是scss，並且該指令也應使用styles.scss編寫。 我需要按照此處所述繼續嗎？

• 在目錄progress / kendo-theme-default / scss / all中，有幾個要導入的scss文件，我想避免在angular-cli.json文件中一個接一個地添加它們。

如果有不清楚的地方或您需要更多詳細信息，請不要投票

Answer 1

@import "~@progress/kendo-theme-default/scss/all";行@import "~@progress/kendo-theme-default/scss/all"; 樣式幫助主題中引用的，只能在scss文件中使用-它按來源包含主題。 鏈接到的答案顯示了默認情況下如何配置angular-cli應用程序以使用scss文件，這將解決問題。

另外，您可以包括完整主題的CSS，盡管該解決方案可能不太靈活（您不能僅為所使用的小部件導入主題）。

有關如何將主題包含在項目中的更多信息，請參閱樣式概述幫助主題，該主題顯示了所有可用的選項及其優點。