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

这时候就可以根据项目实际情况使用对应版本号了
VUE项目无法启动NODE版本与NODE-SASS、SASS-LOADER版本不兼容解决方案的更多相关文章
- Vue项目中如何使用Element-UI以及如何使用sass
		
Vue项目中如何使用Element-UI以及如何使用sass 当我们在开发Vue项目的时候通常会选择Element-UI作为我们的UI框架,其官方中文文档地址是http://element.eleme ...
 - Vue项目开发前的准备工作,node的安装,vue-cli的安装
		
一.安装node 1- 点击这里进入node官网下载 2- 3- 下载完成是这样的 4- 双击打开进行安装,一路next,安装完成是这样 5- 打开cmd进入安装node的文件夹,输入node ...
 - 搭建vue项目并启动vue项目
		
链接地址:https://blog.csdn.net/aa792978017/article/details/82939483 Vue.js是现在比较优秀的Web前端框架,下面开始从零开始搭建一个Vu ...
 - 如何导入GitHub下的vue项目 并启动
		
如何运行 下载的GitHub项目 一 准备工作: Node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 二 安装node.js 略 cmd 输入node ...
 - 移动vue项目,启动错误:Module build failed: Error: No PostCSS Config found in:
		
解决办法:在根目录新建postcss.config.js module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 versio ...
 - 在windows系统下,配置vue项目一键启动文件
		
我的项目由客户端.后台管理.数据库和服务器三部分组件,每次启动项目都要一个一个启动,挺麻烦的,现在写一个.bat文件来批处理命令. 这个是我的启动文件内容. 第一行运行的我wampServer服务器, ...
 - 移动端的vue项目,启动错误:Module build failed: Error: No PostCSS Config found in:
		
新建一个postcss.config.js 写上下面代码 `module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 versi ...
 - VSCode 启动 Vue 项目 npm install 报错
		
1. 报错后,查看了版本. 查看node版本:node -v 查看npm版本:npm -v 查看Augular版本:ng --version 2. 感觉 Augular CLI版本太低,使用以下方 ...
 - vue项目启动
		
这篇文章主要用于有源码vue项目安装: 1.安装node.js环境(npm包管理器)前面博客有写到如何安装: 2.vue-cli 脚手架构建工具前面博客有写到如何安装: 3.cnpm npm的淘宝镜 ...
 - 部署vue项目到Linux服务器
		
案例一 vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目 首先本地有一个vue项目,启动后可正常访问 本地打包后,也可直接访问 若打包后的index. ...
 
随机推荐
- linux安装node和达梦数据库8
			
PS.本次测试只是为了项目需要,但是在部署和启动程序的时候发生了一系列的报错,由此记录下来为日后作参考 安装达梦数据库 1. 达梦数据库(DM8)简介 达梦数据库管理系统是武汉达梦公司推出的具有完全自 ...
 - 《吐血整理》高级系列教程-吃透Fiddler抓包教程(26)-Fiddler如何抓取Android7.0以上的Https包-上篇
			
1.简介 众所周知,假如设备是android 7.0+的系统同时应用设置targetSdkVersion >= 24的话,那么应用默认是不信任安装的Fiddler用户证书的,所以你就没法抓到应用 ...
 - 220514 T2 画画 (二维差分)
			
首先我们需要特判只涂了一种颜色的情况: (1)k=1,此时答案就是1:(2)k>1,涂的这种颜色肯定不能是第一个,答案是k-1; 对于其他正常情况,我们对于每个颜色找到一个最小的矩形(这个矩形内 ...
 - 周末IT入门锦鲤
			
周末总结 第一小节 typora软件 是目前最火的文本编辑器 下载安装 路径尽量不要安装C盘,安装其他盘路径尽量简单方便后续查找使用. 文件路径 路径:计算机上一个文件资源的坐标,C:\XX文件\a. ...
 - Spring的自动装配和注解
			
Bean的自动装配 自动装配说明 自动装配是使用spring满足bean依赖的一种方法 spring会在应用上下文中为某个bean寻找其依赖的bean. Spring的自动装配需要从两个角度来实现,或 ...
 - 【C++】spdlog光速入门,C++logger最简单最快的库
			
参考文档:https://spdlog.docsforge.com/master/ spdlog简介 Very fast, header only, C++ logging library. 一个he ...
 - C语言实现扫雷游戏(完整版)
			
头文件定义.函数声明 下面就是扫雷中使用到的所有函数,为了省事我把所有的代码都放在一个C文件中实现 宏定义中设置了游戏的界面布局,以及设置地雷的个数(这里默认的是10个地雷),界面是一个9*9的方格布 ...
 - 【题解】CF1720C
			
题意简述 给你一个 01 矩阵,每一次你可以在这个矩阵中找到一个 \(L\) 型,将它全部变成 0.\(L\) 型的定义是在一个 \(2\times2\) 矩阵中,除开一个角之外的图形,其中必须包含至 ...
 - Vue学习之--------Vue中过滤器(filters)的使用(代码实现)(2022/7/18)
			
1.过滤器 1.1 概念 过滤器: 定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理). 语法: 1.注册过滤器:Vue.filter(name,callback) 或 new V ...
 - element-ui   el-table 高度自适应
			
element-ui el-table 高度自适应 <div ref="searchHeader" class="div_search search_title& ...