身体。
节点 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。
更多: