运行 Angular 项目会导致 node-sass 出错

Posted

技术标签:

【中文标题】运行 Angular 项目会导致 node-sass 出错【英文标题】:running angular project gives error for node-sass 【发布时间】:2019-12-06 11:24:12 【问题描述】:

我正在本地环境中运行一个角度项目。具有以下指定版本。我无法运行项目并得到以下错误: npm 版本:6.9.0 角 CLI:7.3.9 节点:10.16.0 操作系统:win32 x64

ERROR in ./src/assets/styles/style.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/assets/styles/style.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Cannot find module 'node-sass'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
    at Function.Module._load (internal/modules/cjs/loader.js:562:25)
    at Module.require (internal/modules/cjs/loader.js:690:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.sassLoader (..\node_modules\sass-loader\lib\loader.js:46:72)
ERROR in ./src/app/modules/shared/components/loader/loader.component.scss
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Cannot find module 'node-sass'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
    at Function.Module._load (internal/modules/cjs/loader.js:562:25)
    at Module.require (internal/modules/cjs/loader.js:690:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.sassLoader (..\node_modules\sass-loader\lib\loader.js:46:72)
i 「wdm」: Failed to compile.

我已经尝试删除 node_modules 并重新安装它也


Delete `package-lock.json` file.
Go to node_module folder and `run rm -rf node_modules`.
Run `npm install`

npm rebuild --force
npm rebuild node-sass --force

【问题讨论】:

你也跑npm install node-sass了吗? 请参考***.com/a/52581213/795683 @EstebanGehring 是的,也尝试过...但没有帮助... @SainPradeep 尝试使用提供的链接......但这也不起作用。 【参考方案1】:

试试这个,这一次解决了我的问题

npm install node-sass -g 

【讨论】:

【参考方案2】:

尝试运行npm audit fix 来更新您的依赖项。我遇到了类似的问题,并且能够通过运行它来解决。

【讨论】:

@TusharG - 你能发布 package.json 吗,你试过这个npm install --save-dev --unsafe-perm node-sass吗? @TusharG - 还要检查一下github.com/angular/angular-cli/issues/…【参考方案3】:

安装

npm install --save-dev --unsafe-perm node-sas

https://github.com/sass/node-sass/issues/2536

信用 https://github.com/xzyfer

【讨论】:

【参考方案4】:

尝试使用 npm uninstall 卸载,然后再次尝试安装。

【讨论】:

以上是关于运行 Angular 项目会导致 node-sass 出错的主要内容,如果未能解决你的问题,请参考以下文章

安装nodejs6.9x以后,原来在nodejs4.2.x中运行正常的ionic项目出现问题的解决

Angular项目实战Angular5项目模块划分

构建 Angular 项目导致内存不足

从 Angular 11 升级到 12 会导致对等依赖冲突

Angular2-signaturepad 与 Angular 一起使用会导致找不到模块错误

在 Angular 9 CLI webworker 中导入 mathjs 时出错