引入scss后 编译报错：Module build failed: ModuleBuildError: Module build failed: Error: Node Sass version 6.

最新推荐文章于 2024-04-22 08:00:00 发布
最新推荐文章于 2024-04-22 08:00:00 发布
阅读量743 收藏 2
点赞数
CC 4.0 BY-SA版权
文章标签： scss 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_57495387/article/details/131478754
文章讲述了在遇到node-sass和sass-loader版本不兼容导致的启动错误时，如何检查和更新这两个模块的版本。具体解决步骤包括检查当前版本，降级sass-loader到4.0.0版本，然后通过npm运行dev命令成功启动项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决方法：

 1.检查自己node和npm版本

 2.检查sass-loader和node-sass版本，我之前的sass-loade版本是7.1.0，node-sass版本是6.0.1，启动程序就会报错

3.解决方法就是修改sass-loade版本，运行此命令cnpm i sass-loader@4.0.0 --save-dev

 4.安装完成后运行npm run dev成功启动项目

 

qq_57495387
关注
【异常】Node提示Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.
本本本添哥
09-10 1985
这个错误信息指出你的 Node Sass 版本（9.0.0）与你的项目中使用的 Sass 版本（^4.0.0）不兼容。这通常意味着你需要确保你的 Node Sass 版本与你的项目中使用的 Sass 版本相匹配。
Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError
m0_68652823的博客
07-18 978
代码报错：Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: E:\项目\hlcontent\node_modules\pdfjs-dist\build\pdf.js: Class private methods are not enabled. Please add以上是我书写代码过程中的一个报错。这个错误表明需要在你的项目中配置 Babel，以支持类私有方法的转换。
Module build failed: ModuleBuildError: Module build failed: Error: Node Sass does not yet support...
on the way . . .
01-30 6348
一个vue项目，我在执行打包命令。
Module build failed: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.
热门推荐
weixin_46761843的博客
05-24 1万+
npm run dev 提示如下错误 Module build failed: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0. 查了些文档有说是版本过高； 其实根本原因是高版本的配置变了，当然直接改配置不够简便 简单解决方案： 1、卸载：npm uninstall node-sass 2、安装：npm install node-sass@4.14.1 3、运行：npm run dev ...
Vue运行报错：Module build failed: Error: Couldn‘t find preset “env” relative to directory “xxx\\ vue-esig
weixin_57529171的博客
11-24 1626
Vue运行报错：Module build failed: Error: Couldn't find preset "env” relative to directory "xxx\\ vue-esig
vue报错 ModuleBuildError: Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please i
qq_39397165的博客
12-19 8080
前言： 今天在运行一个vue项目的时候，执行npm run dev 指令后，出现了如下错误： 查阅网上资料，指用一条指令直接解决问题，执行以下指令，直接解决问题，在这里记录以下。 cnpm install node-sass@lates ...
renren-fast-vue无法运行相关问题解决办法n ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no su
qq_41556455的博客
07-22 6066
in ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\vendor’ at Object.fs.readdirSync (fs.js:861:3) at Object.getInstalledBinaries (C:\Users\xy
Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93)
最新发布
05-12
Node Sass 是一个用于将 SCSS/SASS 文件编译为 CSS 的工具，但它依赖于绑定到本地 C++ 扩展的二进制文件。由于这些扩展可能无法兼容某些版本的 Node.js 运行时环境，可能会遇到类似于“Unsupported runtime”的错误...
Error: Module did not self-register
游海东的技术专栏
01-10 7013
1、错误描述 [编译scss/sass] 14:56:38.373 internal/modules/cjs/loader.js:717 [编译scss/sass] 14:56:38.373 return process.dlopen(module, path.toNamespacedPath(filename)); [编译scss/sass] 14:56:38.373 ...
ERROR in ./~/raw-loader!./~/postcss-loader!./~/sass-loader!./src/style/app.scss Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (83) For more information on which environments are supported please see:
06-02
1. 切换到 Node.js v14 版本，这可以通过 nvm（Node Version Manager）等工具来实现。你可以使用以下命令来安装 Node.js v14： ``` nvm install 14 ``` 然后使用以下命令来切换到 Node.js v14 版本： ``` nvm use...
Module build failed: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.
SHALLNY
08-18 1948
vue内写入sass样式后，npm run dev 后 报错提示“Module build failed: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.” 原因是 当前node-sass版本过高 直接卸载node-sass后重新安装低版本 npm uninstall node-sass npm install node-sass@4.14.1 重新启动后，界面恢复正常 ...
scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错
qq_46153157的博客
05-01 804
scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错 第一步安装指令： npm install sass-loader node-sass --save-dev 第二步找到build文件下webpack.base.conf.js中的rules里面添加配置： { test: /\.sass$/, loaders: ['style', 'css', 'sass'] }
Error: Module build failed (from ./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js)
qq_43342469的博客
12-20 2436
Module build failed (from ./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js)： 语法错误: Unexpected token (47:2)
Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js)
weixin_45320509的博客
03-24 5435
新建一个项目，在static文件夹中，复制customicons.css和customicons.ttf，最后粘贴到当前项目的static文件夹中。将static文件夹的css文件删除了。
Error: Module build failed (from ./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js):Error
weixin_63896561的博客
05-22 4824
查看pages.json里pages字段内的路由配置是否正确
uniapp 报错：Error: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages...
weixin_43462310的博客
04-22 9967
【代码】uniapp 报错：Error: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages...
Error: Module build failed: TypeError: this.getResolve is not a function at Object.loader
疯狂一世
10-30 322
错误原因：这是因为当前sass的版本太高，webpack编译时出现了错误，只需要换成低版本的就行。 找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。 将 "sass-loader": "^8.0.0"，更换成 "sass-loader": "^7.3.1", ...
报错Module build failed: Error: Cannot find module ‘copy-anything‘
小蚂蚁的博客
12-05 999
【代码】报错Module build failed: Error: Cannot find module ‘copy-anything‘
运行vue项目报错 Module build failed
05-16 652
npm install node-sass
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值