首页 > 编程语言 >VUE项目无法启动NODE版本与NODE-SASS、SASS-LOADER版本不兼容解决方案

VUE项目无法启动NODE版本与NODE-SASS、SASS-LOADER版本不兼容解决方案

时间:2022-12-20 11:44:31浏览次数:73  
标签:NODE npm node SASS 版本 nvm 安装

一、错误分析

在VUE项目开发中,我们经常会遇到报错:

Node Sass version 7.0.1 is incompatible with ^4.0.0。

网上解决方案也千奇百怪,最终操作下来,也是搞了个寂寞,项目依旧无法正常运行,通常这种情况普遍都是团队或者项目使用的NODE版本不一致。

二、版本比对

附npm官网:nodejs和node-sass关系对照表 

版本参考,具体以官网更新为准

 

 

 

 

 在VUE2.0项目中我们普遍使用nodeJS(版本):14 ,  node-sass(版本):4.14+, webpack

 在VUE3.0项目中我们普遍是nodeJS(版本):最新长期稳定版本16+,  node-sass(版本):7+,vite

 查看版本:

node -v

node-sass 请直接编辑工具搜索node-sass查看版本号

三、解决方案

 这里我推荐使用nvm(node版本管理工具)

nvm是一个node的版本管理工具,可以对多个node版本进行安装和切换。

 nvm安装包下载地址:https://github.com/coreybutler/nvm-windows/releases

 

 

 

 安装vnm,傻瓜式操作,一直下一步直至结束

 查看vnm安装是否成功,win+r输入cmd回车

 输入命令:nvm

 

 

 

nvm安装node

安装(后面是版本号,版本查看地址:https://nodejs.org/en/download/releases/):

nvm install 14.19.0

查看是否安装成功

nvm list

 

 

 使用项目对应NODE版本(可以看到当前使用的版本前面有个*标识)

nvm use 14.19.0

 

 

 切换对应版本切换镜像源(这里用的淘宝)

 打开nvm安装目录下的settings.txt文件,输入以下配置

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

 

 

 安装npm(部分版本安装node后没有一并安装npm,所以需要手动安装)、Yarn操作一致

 npm下载地址:http://npm.taobao.org/mirrors/npm/ (下载对应版本的zip文件)

 node版本对应npm版本:https://nodejs.org/zh-cn/download/releases/

 将文件解压到版本对应的 node_modules目录下,改名成npm

 

 做完上面操作,还需要把npm文件夹bin目录下的npm和npm.cmd两个文件复制一份到对应node版本的根目录下。

 

 

 

 查看版本是否安装成功

npm -v

 

 

这时候就可以根据项目实际情况使用对应版本号了

 

标签:NODE,npm,node,SASS,版本,nvm,安装
From: https://www.cnblogs.com/wzgj/p/16993859.html

相关文章

  • PyTestReport-0.1.9版本更新
    文章目录​​多了哪些功能呢?​​​​如何与PyTest框架结合使用​​​​如何通过API的方式生成报告​​​​如何生成图片报告并发送邮件​​​​新书推荐​​还记得那个发布......
  • nodejs 调用adb拨号
      asyncfunctionexec(adbCmd:string){letadbPath='D:\\prog\\adb\\windows\\adb.exe'letcmdMsg=awaitnewPromise((resolve,reject)=>{cons......
  • nodejs读取excel
     //importpuppeteerfrom'puppeteer'//https://github.com/SheetJS/sheetjsimportreaderfrom'xlsx'constfile=reader.readFile('D:\\doc\\名单.xlsx',{c......
  • nodejs 拦截接口数据
     importpuppeteerfrom'puppeteer'constbrowser=awaitpuppeteer.launch({headless:false})constpage=awaitbrowser.newPage()awaitpage.setDe......
  • nodejs 执行sql
    importsqlfrom'mssql'asyncfunctionquery(sqlTxt:string){letconfig="Server=localhost,1433;Database=db1;UserId=sa;Password=sa;Trusted_Connection=T......
  • 【转载】用shell命令一步步获取Java版本号
    https://blog.csdn.net/f20052604/article/details/100269768 1、打印java-version命令echo$(java-version)输出javaversion"1.8.0_171"Java(TM)SERuntimeEnvi......
  • Mac m1修改默认java版本,降版本方法
    最近通过各种途径安装了许多jdk版本,1.7、1.8、11、13、17等 结果系统默认的java-version最终变成了17,通过各种环境变量设置都无法修改成别的版本 再网上找了许多......
  • java JVM和class字节码版本对照表
    链接前往JDKVersionBytecodeVersionJava1.045.0Java1.145.3Java1.246.0Java1.347.0Java1.448.0Java549.0Java650.0Java7......
  • MySQL 8.0.0 版本发布,亮点都在这了!
    MySQL是一个开放源码的小型关联式数据库管理系统,开发者为瑞典MySQLAB公司。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低......
  • 细说集中式与分布式版本控制系统
    前言:分布式版本控制系统除了Git以及促使Git诞生的BitKeeper外,还有类似Git的Mercurial和Bazaar等。这些分布式版本控制系统各有特点,但最快、最简单也最流行的依然是Git!集中式......