VUE项目无法启动NODE版本与NODE-SASS、SASS-LOADER版本不兼容解决方案
一、错误分析
在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
这时候就可以根据项目实际情况使用对应版本号了
最新文章
- Android-启动另一个app
- Python正则表达式详解
- C#中Object和Json之间的转换
- .net 创建计划任务开机后自动以管理员身份启动运行 win7 ~ win10
- GET/POST请求(NSURLSession)
- Yocto开发笔记之《快速入门,环境搭建 &; 编译》(QQ交流群:519230208)
- SQL : 在SQL Server 2008(Or Express)中如何Open并编辑数据表【转】
- **tomcat简介之web.xml详解
- hdu 3746 Cyclic Nacklace(KMP)
- PHP 学习笔记 (三)
- log4net使用(包括单个文件和按日期生成多个文件)
- 原生JavaScript封装Ajax
- 遍历(一)jquery $().each和$.each()
- 微端启动器LAUNCHER的制作之MFC版二(下载)
- Python生产环境部署(fastcgi,uwsgi)
- English - Titanium Bike
- mysql中explain的type的解释
- HBase学习——3.HBase表设计
- Python-----redis数据库
- lastIndexOf() 找出指定元素出现的所有位置(返回的是下标数组)---lastIndexOf() 这个方法是倒叙查找,正序的是indexOf()
热门文章
- ATT&;CK系列一 知识点总结
- 基于Netty的TCP服务框架
- P3261 [JLOI2015]城池攻占 (左偏树+标记下传)
- 干货|什么是特性团队/功能团队(FeatureTeam)
- AgileBoot - 手把手一步一步带你Run起全栈项目(SpringBoot+Vue3)
- Spring_Boot项目集成Swagger填坑
- Azure Kubernetes(AKS)部署及查看应用资源
- 驱动开发:内核监控FileObject文件回调
- 五、docker网络
- 可编程渲染管线(Scriptable Render Pipeline, SRP)