未安装node-sass/sass却出现版本不兼容错误求助

我的Angular项目package.json中未手动安装node-sass或sass包，但运行时持续抛出**"Node Sass version 9.0.0 is incompatible with ^4.0.0"**错误，多个SCSS文件编译失败。奇怪的是，朋友使用完全相同版本的Node、Angular CLI及环境变量，项目却能正常运行。我不想额外安装任何包，希望找到问题根源。

错误日志： #

ERROR in ./src/scss/styles.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--15-3!./src/scss/styles.scss)
模块构建失败（来自 ./node_modules/sass-loader/lib/loader.js）：
错误：Node Sass版本9.0.0与^4.0.0不兼容。
    at getRenderFuncFromSassImpl (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:108:19)
    at Object.sassLoader (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:46:20)
ERROR in ./node_modules/@accelerate/prime-ng/resources/themes/gm/theme.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--15-3!./node_modules/@accelerate/prime-ng/resources/themes/gm/theme.scss)
模块构建失败（来自 ./node_modules/sass-loader/lib/loader.js）：
错误：Node Sass版本9.0.0与^4.0.0不兼容。
    at getRenderFuncFromSassImpl (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:108:19)
    at Object.sassLoader (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:46:20)
ERROR in ./src/app/app.component.scss
模块构建失败（来自 ./node_modules/sass-loader/lib/loader.js）：
错误：Node Sass版本9.0.0与^4.0.0不兼容。
    at getRenderFuncFromSassImpl (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:108:19)
    at Object.sassLoader (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:46:20)
ERROR in ./src/app/components/home/home.component.scss
模块构建失败（来自 ./node_modules/sass-loader/lib/loader.js）：
错误：Node Sass版本9.0.0与^4.0.0不兼容。
    at getRenderFuncFromSassImpl (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:108:19)
    at Object.sassLoader (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:46:20)
ERROR in ./src/app/components/mast/mast.component.scss
模块构建失败（来自 ./node_modules/sass-loader/lib/loader.js）：
错误：Node Sass版本9.0.0与^4.0.0不兼容。
    at getRenderFuncFromSassImpl (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:108:19)
    at Object.sassLoader (C:\Users\Documents\Repositories-GitHub\IDM_157256_device-hierarchy-ui\node_modules\sass-loader\lib\loader.js:46:20)

项目package.json配置： #

{
  "name": "@accelerate/prime-ng-quick-start",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "启动项目",
    "build": "构建项目",
    "test": "运行测试",
    "lint": "代码检查",
    "e2e": "端到端测试"
  },
  "private": true,
  "dependencies": {
    "@accelerate/prime-ng": "0.0.47",
    "@angular/animations": "^8.2.14",
    "@angular/cdk": "^8.2.3",
    "@angular/common": "^8.2.0",
    "@angular/compiler": "^8.2.0",
    "@angular/core": "^8.2.0",
    "@angular/forms": "^8.2.0",
    "@angular/material": "^8.2.0",
    "@angular/platform-browser": "^8.2.0",
    "@angular/platform-browser-dynamic": "^8.2.0",
    "@angular/router": "^8.2.0",
    "chart.js": "^2.9.3",
    "classlist.js": "^1.1.20150312",
    "css-element-queries": "^1.2.0",
    "font-awesome": "^4.7.0",
    "ng-mocks": "^9.0.0",
    "normalize.css": "^8.0.1",
    "primeflex": "^1.0.0",
    "primeicons": "^2.0.0",
    "primeng": "^8.1.1",
    "quill": "^1.3.7",
    "rxjs": "^6.5.2",
    "rxjs-compat": "^6.5.4",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.802.0",
    "@angular/cli": "~8.2.0",
    "@angular/compiler-cli": "^8.2.0",
    "@angular/language-service": "^8.2.0",
    "@types/jasmine": "^3.3.10",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "^11.11.3",
    "codelyzer": "^5.2.2",
    "jasmine": "^3.5.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.1.0",
    "karma-jasmine": "^2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "^5.4.2",
    "ts-node": "^8.0.3",
    "tslint": "^5.16.0",
    "typescript": "^3.5.3"
  }
}

排查方向 #

• 深层依赖引入node-sass：执行npm ls node-sass或yarn list node-sass查看依赖树，确认是否有第三方包（比如@accelerate/prime-ng）间接引入了9.0.0版本的node-sass，而项目依赖的sass-loader仅支持^4.0.0版本。
• 全局node-sass干扰：执行npm list -g node-sass检查全局是否安装了node-sass 9.0.0，sass-loader会优先加载全局包，导致版本冲突。
• 依赖缓存问题：删除node_modules文件夹、package-lock.json和yarn.lock，重新执行npm install或yarn install，确保依赖完全重新安装。
• 环境变量隐性差异：检查NODE_PATH环境变量，执行echo %NODE_PATH%（Windows）或echo $NODE_PATH（Mac/Linux），确认是否指向了包含高版本node-sass的路径。
• Angular CLI缓存：执行ng cache clean --all清除Angular CLI缓存，避免旧版本依赖残留。

内容的提问来源于stack exchange，提问作者E S