身體。
節點 sass 版本與其他依賴包中所需的版本不相容。
luoriw 2023-11-16 12:57:32 技術文章 482 185 評論。
basherror failed to compile with 2 errors error in ./src/pages/demo/demo.vue?vue&type=style&index=0&lang=scss&
syntax error: error: node sass version 8.0.0 is incompatible with ^4.0.0.
error in ./src/pages/demo/demo.vue?vue&type=style&index=0&lang=scss&
syntax error: hookwebpackerror: module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
error: node sass version 8.0.0 is incompatible with ^4.0.0.
inner error --
error: module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
error: node sass version 8.0.0 is incompatible with ^4.0.0.
generated code for d:\wechatprojects\my-projectode_modules\css-loader\dist\cjs.js??clonedruleset-22[0].rules[0].use[1]!d:\wechatprojects\my-projectode_modules\@dcloudio\vue-cli-plugin-uni\packages\vue-loader\lib\loaders\stylepostloader.js!d:\wechatprojects\my-projectode_modules\@dcloudio\vue-cli-plugin-uni\packages\webpack-preprocess-loader\index.js??clonedruleset-22[0].rules[0].use[2]!d:\wechatprojects\my-projectode_modules\postcss-loader\dist\cjs.js??clonedruleset-22[0].rules[0].use[3]!d:\wechatprojects\my-projectode_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\dist\cjs.js??clonedruleset-22[0].rules[0].use[4]!d:\wechatprojects\my-projectode_modules\@dcloudio\vue-cli-plugin-uni\packages\webpack-preprocess-loader\index.js??clonedruleset-22[0].rules[0].use[5]!d:\wechatprojects\my-projectode_modules\@dcloudio\vue-cli-plugin-uni\packages\vue-loader\lib\index.js??vue-loader-options!d:\wechatprojects\my-projectode_modules\@dcloudio\webpack-uni-mp-loader\lib\style.js!d:\wechatprojects\my-project\src\pages\demo\demo.vue?vue&type=style&index=0&lang=scss&
1 | throw new error("module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):error: node sass version 8.0.0 is incompatible with ^4.0.0. at getsas***mentation (d:\\wechatprojects\\my-project\ode_modules\\@dcloudio\\vue-cli-plugin-uni\\packages\\sass-loader\\dist\\getsas***mentation.js:46:13) at object.loader (d:\\wechatprojects\\my-project\ode_modules\\@dcloudio\\vue-cli-plugin-uni\\packages\\sass-loader\\dist\\index.js:42:61)");
error build failed with errors.
此錯誤訊息的含義是:“編譯失敗,有兩個錯誤。
第乙個錯誤是當路徑為 時。/src/pages/demo/demo.vue?vue&type=style&index=0&lang=scss&file ** 現在有乙個語法錯誤,錯誤訊息是:node sass version 80.0 與 40.0 不相容。
第二個錯誤位於帶有 hook webpackerror 的同一檔案中,其內容為:模組構建失敗(從 ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.JS):節點 SASS 版本 80.0 與 40.0 不相容。 內部錯誤為:模組構建失敗(從 .)。/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.JS):節點 SASS 版本 80.0 與 40.0 不相容。 ”
最後一行顯示“構建失敗”,這意味著編譯過程中存在錯誤。 ”
出現此錯誤的原因是專案中使用的 node sass 版本與其他依賴項中所需的版本不相容。 這可以通過以下步驟來解決:
要首先將節點 sass 版本公升級到最新版本,可以使用以下命令執行此操作:
bashnpm install sass --s**e-dev
如果在公升級 Node SASS 後仍然出現錯誤,可以嘗試刪除 Node Modules 資料夾和 package-lock。 在您的專案中json 檔案,然後重新執行 npm install 命令以安裝依賴項。
如果這不起作用,請考慮公升級或降級依賴項,或檢查其他版本是否不相容。
如果以上方法都不能解決問題,可以嘗試在 webpack 配置檔案中新增以下 ** 來解決問題:
module.exports =
這將使用專案中安裝的 sass 包,而不是 node sass。
更多: