node版本升级后vue项目启动错误(node-sass sass-loader)

在升级完node版本后启动项目发现报错,这是由于版本兼容导致的,关键报错如下:

Downloading binary from https://npm.taobao.org/mirrors/node-sass/v4.12.0/win32-x64-93_binding.node
Cannot download "https://npm.taobao.org/mirrors/node-sass/v4.12.0/win32-x64-93_binding.node": 

HTTP error 404 Not Found

Hint: If github.com is not accessible in your location
      try setting a proxy via HTTP_PROXY, e.g. 

      export HTTP_PROXY=http://example.com:1234

or configure npm proxy via

      npm config set proxy http://example.com:8080
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.12.0 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.12.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2022-06-15T13_59_40_556Z-debug.log

以前的版本信息:

在这里插入图片描述
以前我的node版本为:v14.5.1

又去看了下nodesass-node的版本对应表

在这里插入图片描述
可以看到前面是没问题的,但是我现在node版本升级为了:v16.15.1

所以node-sass就必须要6.0+的版本才行

还得去看node-sasssass-loader的对应版本,把sass-loader也换为对应的版本

我这里v16.15.1需要的版本:

npm install node-sass@6.0.1 sass-loader@10.2.0

版本更换完成,问题解决。

  • 5
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
### 回答1: node-sasssass-loader的版本取决于你的项目和开发环境。一般来说,你需要根据你的项目需要选择合适的版本。你可以通过npm或yarn来安装和管理这些依赖。如果你使用的是Vue或React等框架,它们的官方文档中会提供相应的版本信息和安装方式。 ### 回答2: node-sasssass-loader都是用于将Sass文件编译成CSS的工具。 node-sass是一个Node.js模块,它包装了libsass库,提供了一些API来在Node.js中编译Sass文件。node-sass的版本通常使用SemVer(语义化版本)规则,例如"4.12.0"代表主要版本4,次要版本12,修订版本0。 sass-loader是一个Webpack插件,它使用node-sassSass文件编译成CSS,并将其添加到Webpack生成的JavaScript文件中。sass-loader的版本号也遵循SemVer规则。 node-sasssass-loader通常需要匹配版本,以确保它们之间的兼容性。当升级其中一个工具时,需要确保另一个工具也能支持新的版本。通常,在升级node-sass时也需要同时更新sass-loader。 除了版本兼容性外,node-sasssass-loader还需要注意其他因素,例如操作系统环境、依赖库版本等。在使用这些工具时,需要仔细阅读官方文档,并按照要求进行操作,以确保编译过程的稳定性和正确性。 ### 回答3: Node-sassSass-loaderSass编译器的两个重要组件,它们都为编译Sass语言提供了很好的支持。Node-sass是一个本地的Sass二进制库,可以快速地将Sass编译为CSS,而Sass-loader是Webpack的一个加载器,可以自动将Sass文件编译成CSS并注入到HTML中。 Node-sassSass-loader的版本也很重要。要确保Node-sass版本和Sass-loader版本相匹配,否则会造成编译错误。通常,Sass-loader的版本需要跟随Webpack的版本来选择,而Node-sass的版本则需要根据Sass-loader的版本来选择。 如果使用最新版本的Webpack(v4.x),则需要使用最新版本的Sass-loader(v7.x)。相应的,Sass-loader v7.x需要使用Node-sass v4.x或以上版本,而Node-sass v4.x需要安装node.js的版本为8.x以上版本。 如果使用较旧的版本的Webpack(v3.x),则需要使用较旧版本的Sass-loader(v6.x)。相应的,Sass-loader v6.x需要使用Node-sass v3.x或以上版本,而Node-sass v3.x需要安装node.js的版本为6.x或以上版本。 总之,在使用Node-sassSass-loader时,需要注意版本的匹配问题,这样才可以避免编译错误,并且可以更好地编译Sass文件,提高开发效率。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

温情key

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值