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

news2024/11/24 13:40:11

系列文章目录


文章目录

  • 系列文章目录
  • 错误分析
  • 一、版本比对
  • 二、解决方案
  • 总结


错误分析

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

Node Sass version 7.0.1 is incompatible with ^4.0.0。

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


一、版本比对

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

在这里插入图片描述 在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、改node版本号去对应node-sass
2、改node-sass版本号去对应node

需要系统源码或者BiShe加V
ID:talon712

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/652318.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

首添机密计算创新成果!龙蜥首获 ACM SIGSOFT 杰出论文奖

近日,软件工程领域的全球旗舰级会议-软件工程大会 ICSE 在澳大利亚墨尔本市召开,龙蜥社区云原生机密计算 SIG 核心成员(阿里云JVM 团队)在 Java 机密计算方面的研究成果入选了 ICSE2023,并且以该会议今年唯一的 All Fi…

STM32F407之SD卡读数据介绍

1,SD卡基础知识 SD卡(Secure Digital Memory Card)即:安全数字存储卡,它是在MMC的基础上发展而来,作为存储器件广泛应用于电子产品中。 1.1 SD卡有SDIO和SPI两种传输方式,具体信号定义如下&…

DSSAT模型: 遥感数据与作物生长模型同化及在作物长势监测与估产中的应用

查看原文>>>遥感数据与作物生长模型同化及在作物长势监测与估产中的应用 基于过程的作物生长模拟模型DSSAT是现代农业系统研究的有力工具,可以定量描述作物生长发育和产量形成过程及其与气候因子、土壤环境、品种类型和技术措施之间的关系,为不…

华为开源自研AI框架昇思MindSpore应用案例:SSD目标检测

目录 一、环境准备1.进入ModelArts官网2.使用CodeLab体验Notebook实例 SSD,全称Single Shot MultiBox Detector,是Wei Liu在ECCV 2016上提出的一种目标检测算法。使用Nvidia Titan X在VOC 2007测试集上,SSD对于输入尺寸300x300的网络&#xf…

基于html+css的图展示130

准备项目 项目开发工具 Visual Studio Code 1.44.2 版本: 1.44.2 提交: ff915844119ce9485abfe8aa9076ec76b5300ddd 日期: 2020-04-16T16:36:23.138Z Electron: 7.1.11 Chrome: 78.0.3904.130 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Windows_NT x64 10.0.19044 项目…

正交标注有利于无监督医学图像分割

文章目录 Orthogonal Annotation Benefits Barely-supervised Medical Image Segmentation摘要本文方法Registration ModuleLabel MixingDense-Sparse Co-Training 实验结果 Orthogonal Annotation Benefits Barely-supervised Medical Image Segmentation 摘要 半监督学习的…

【DRAM存储器二】Sense Amplifier

👉个人主页:highman110 👉作者简介:一名硬件工程师,持续学习,不断记录,保持思考,输出干货内容 参考书籍:《Memory Systems - Cache, DRAM, Disk》 目录 前言 感应…

【数据管理架构】什么是 OLAP?

作为数据仓库实施的核心组件,OLAP 为商业智能 (BI) 和决策支持应用程序提供快速、灵活的多维数据分析。 什么是 OLAP? OLAP(用于在线分析处理)是一种软件,用于对来自数据仓库、数据集市或其他一些统一的集中式数据存储…

Sentieon | 每周文献-Population Sequencing-第一期

群体基因组系列文章-1 标题(英文):The Impact of ACEs on BMI: An Investigation of the Genotype-Environment Effects of BMI 标题(中文):ACEs对BMI的影响:探究BMI的基因型-环境效应 发表期刊…

【栈与队列part01】| 232.用栈实现队列、225.用队列实现栈

目录 ✿LeetCode232.用栈实现队列❀ ✿LeetCode225. 用队列实现栈❀ ✿LeetCode232.用栈实现队列❀ 链接:232.用栈实现队列 请你仅使用两个栈实现先入先出队列。队列应当支持一般队列支持的所有操作(push、pop、peek、empty):…

为什么要使用卷积

1. 卷积这个名词是怎么解释?“卷”是什么意思?“积”又是什么意思? 卷积的“卷”,指的的函数的翻转,从 g(t) 变成 g(-t) 的这个过程;同时,“卷”还有滑动的意味在里面(吸取了网友李…

【Vue全家桶高仿小米商城】——(一)Node环境配置

文章目录 第一章:课程简介一、Win/Mac Node环境安装二、Linux Node环境安装三、安装淘宝镜像四、安装vue/vue-cli/webpack/webpack-cli五、Node版本如何做卸载和升级(Mac/Linux) 第一章:课程简介 对课程的整体内容做介绍&#xf…

系统编程(4):进程间通信

文章目录 管道通信无名管道有名管道 管道通信 无名管道 无名管道只能在有亲缘关系之间的进程间通信(比如父子进程)。 第一步是创建一个管道,这个管道有两个文件描述符一个读,一个写 - 两个文件描述符fd[2],一个文件…

智慧城市同城V4小程序V2.27独立开源版 + 小程序+全插件+VUE小程序开源前端 安装测试教程

智慧城市同城V4小程序V2.27开源独立版本月最新版,与上一版相比修复了一些小细节,功能本身并无大的变化。体验下来感觉唯一区别用户授权一键就登陆了,上两版都需要选择头像呢称。新版系统包含全插件、包括很多稀缺收费的插件都在里面如括招聘、…

操作系统|知识梳理|复习(下)

目录 📚文件与外存空间 🐇文件的概念 🐇文件系统的概念 🐇文件的组织——路径与目录 🐇文件的存储⭐️ 🥕连续分配法 🥕链接分配法 🥕扩展分配法 🥕链表备份法 …

chatgpt赋能python:Python生成指定位数SEO文章的方法

Python生成指定位数SEO文章的方法 在网站优化中,SEO是一项非常重要的工作,它能够帮助我们提高网站的排名,并吸引更多的流量。在进行SEO优化时,我们需要开发一些有关关键词的文章。本文将介绍如何使用Python生成指定位数的SEO文章…

【前端基础篇】盒子模型、边距、边框、外边距合并问题详解

文章目录 一、盒模型概念与组成1.1 生活举例1.2 概念 二、盒模型组成分析2.1 **内容区(content)**2.2 内填充(padding)2.3 **边框(border)**2.5 外边距(margin)2.6 外边距合并问题2.…

【Django 网页Web开发】06. 模板继承的主题导航栏案例 高效开发 便捷维护(保姆级图文)

目录 实现效果模板继承moban.html 模板页面子页面test1.htmltest2.html url.pyview.py常见格式总结 欢迎关注 『Django 网页Web开发』 系列,持续更新中 欢迎关注 『Django 网页Web开发』 系列,持续更新中 实现效果 很多页面都有导航栏,以CSD…

CAD绘制等分点(定距、定数)

练习用CAD绘制等分点 分成两种,分别为定距分点和定数分点 前者指按照一定的距离在给出的线上绘制等分点 后者将已知的线分为确定的份数,绘制等分点 这里用绘制燃气灶的燃气孔为例: 首先绘制两个长方形作为基础 生成中心线作为参考 使用时…

视频网页前端禁止截屏代码实现js

有言在先 原理是采用商业级DRM实现,DRM 许可证费用目前没有免费服务商,腾讯云价格是0.0056元/次。 另外此功能不兼容安卓,安卓系统无法正常播放视频! 先展示效果 可以看到截屏时刻出现黑屏,录屏也能保证全黑状态。…