ng serve 不会编译

Posted 2023-03-07

【中文标题】ng serve 不会编译

【英文标题】：ng serve won't compile

【发布时间】：2019-04-04 04:39:28

【问题描述】：

我正在尝试编译我的第一个 Angular 应用程序，但 ng serve 吐出这个错误：

./src/styles.scss 中的错误 (./node_modules/@angular-devkit/build-angular/src/ang ular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embe dded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss) 模块构建失败（来自 ./node_modules/postcss-loader/src/index.js）： 错误：找不到 '角/材料/预建主题/deeppurple-amber.css'在[ C:\Users\juio\Desktop\MY GITHUB\conFusion\src] 在 resolveModule.catch.catch (C:\Users\juio\Desktop\MY GITHUB\conFusion\node _modules\postcss-import\lib\resolve-id.js:35:13) 在

我尝试了一些我在互联网上看到的可能答案，但没有运气。

@import "~angular/material/prebuilt-themes/deeppurple-amber.css";
body 
    padding: 0;
    margin: 0;

这就是导致问题的原因。如果我清空styles.scss 文件，它会编译，但如果我编写代码它不会。我做错了什么？

谢谢。

【参考方案1】：

如果您在 桌面 上安装了它，请将其移至 D:\somefolder，遇到同样的问题，这很有效。

【参考方案2】：

尝试更改导入路径

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";

【讨论】：

我解决了这个问题，因为删除了 styles.scss 并将其替换为 styles.css :)

改变 'styles' 文件的扩展名，你可以使用以下方法重建 sass 模块：- npm rebuild node-sass