一、错误分析

在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

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

最新文章

  1. Android-启动另一个app
  2. Python正则表达式详解
  3. C#中Object和Json之间的转换
  4. .net 创建计划任务开机后自动以管理员身份启动运行 win7 ~ win10
  5. GET/POST请求(NSURLSession)
  6. Yocto开发笔记之《快速入门,环境搭建 & 编译》(QQ交流群:519230208)
  7. SQL : 在SQL Server 2008(Or Express)中如何Open并编辑数据表【转】
  8. **tomcat简介之web.xml详解
  9. hdu 3746 Cyclic Nacklace(KMP)
  10. PHP 学习笔记 (三)
  11. log4net使用(包括单个文件和按日期生成多个文件)
  12. 原生JavaScript封装Ajax
  13. 遍历(一)jquery $().each和$.each()
  14. 微端启动器LAUNCHER的制作之MFC版二(下载)
  15. Python生产环境部署(fastcgi,uwsgi)
  16. English - Titanium Bike
  17. mysql中explain的type的解释
  18. HBase学习——3.HBase表设计
  19. Python-----redis数据库
  20. lastIndexOf() 找出指定元素出现的所有位置(返回的是下标数组)---lastIndexOf() 这个方法是倒叙查找,正序的是indexOf()

热门文章

  1. ATT&CK系列一 知识点总结
  2. 基于Netty的TCP服务框架
  3. P3261 [JLOI2015]城池攻占 (左偏树+标记下传)
  4. 干货|什么是特性团队/功能团队(FeatureTeam)
  5. AgileBoot - 手把手一步一步带你Run起全栈项目(SpringBoot+Vue3)
  6. Spring_Boot项目集成Swagger填坑
  7. Azure Kubernetes(AKS)部署及查看应用资源
  8. 驱动开发:内核监控FileObject文件回调
  9. 五、docker网络
  10. 可编程渲染管线(Scriptable Render Pipeline, SRP)