[vue]项目node版本不兼容踩坑

解决VUE项目无法启动:NODE版本与NODE-SASS、SASS-LOADER版本不兼容 在Vue项目开发过程中,有时可能会遇到无法启动的问题,而出现“NODE版本与NODE-SASS、SASS-LOADER版本不兼容”的错误提示。本文将为你详细介绍该错误的原因,并提供解决方法,确保Vue项目能够正常启动。通过本文,你了解了解决"NODE版本与NODE-SASS、SASS-LOADER版本不兼容"错误的多种方法。 阅读详情

先说结论:卸载node-sass,使用less进行全局替换

最近翻到一个两年前做的项目,用的是node14.15.1,但是现在已经更新到16+了,导致npm install时报错,运行不了,网上查了很多方法除了降低版本外并没有其他解决办法。正当我疑惑时想到了我参与的另一个项目,14+与16+都可以正常运行,于是我觉得应该是node-sass的问题。

我删除了package.json中的node-sass与sass-loader依赖,并删除node_modules文件夹,将项目中使用到scss的地方替换为less,重新npm install,项目正常启动。

得出结论,node-sass跟node版本会出现不兼容情况,具体版本可以查看node-sass-npm,链接为:node-sass - npm

想通过降低版本解决兼容问题的可以参考

安装双版本node 解决vue react冲突 安装双版本node 解决vue react冲突 以及遇到node不是内部命令等问题解决方法 阅读详情

相关推荐

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

1、改node版本号去对应node-sass2、改node-sass版本号去对应node需要系统源码或者BiShe加V。

pleaseprintf的博客 1515

成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题

成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题

日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导 1万+

node.js降低版本的方式(解决sass和node.js冲突)

因为项目用的依赖和要运行环境的node.js版本起了冲突,这个时候就要么更改项目的依赖版本,要么更改node.js的版本。本文示范的是降低node.js版本,因为比较安全。 ps:本文是因为sass版本和node版本不匹配(可以找一下对应的版本)

快乐学习 2717

vuevue常见的版本node.js冲突问题,教你一招

这个时候一般都是版本出现了冲突,只要安装对应的版本就可以了,可以试一试。npm i --legacy-peer-deps一般可以解决。

weixin_52332409的博客 1063

DDR的Controller、Channel、Chip、Rank、Bank、Row、Column、Sided、Dimm

DDR的Controller、Channel、Chip、Bank、Rank、Row、Column、Sided、Dimm

张飞online博客 2万+

JavaSpringBoot + VUE 相关开发环境配置合集

1.Java环境-JDK安装 参照:Java基础1-环境篇:JDK安装与环境变量配置 Java基础1-环境篇:JDK安装与环境变量配置_第一段代码的博客-优快云博客_jdk 2.Web服务器-Tomcat安装 原创Java服务器Tomcat安装和配置 3.Maven(后面为了项目兼容性,使用了3.0.5版本) 原创Maven安装和配置(Maven3.0.5) 4.nginx 原创nginx轻量级Web服务器安装和配置 5 数据库mysql 原创数据库Mysql安装和配置 ...

第一段代码的博客 3163

使用Node.js+Vue—从零搭建一个Vue项目

使用Node.js+Vue—从零搭建一个Vue项目

2万+

如何入门强化学习

很多同学在入门强化学习的时候都会遇到困难,那我这里就简单介绍一下应该如何入门强化学习,并以开源代码为例详解强化学习实战。

seeksister的博客 3302

如何切换node版本

如何切换node版本 在公司实战项目开发中遇到了运行项目时发现node版本问题导致项目运行失败,现在将自己的处理方式总结如下,方便自己以后查阅同时与小伙伴们共同分享 1.关于nvm的下载以及安装 下载 github上下载最新版本nvm-windows nvm-noinstall.zip: 绿色免安装版本,但是使用之前需要配置 nvm-setup.zip:安装包,下载之后点击安装,无需配置就可以使...

weixin_44348138的博客 2万+

车辆横向控制MPC实战:从‘老王模型’到CasADi求解的保姆级避坑指南

本文详细解析了车辆横向控制MPC的实战应用,从经典动力学模型选择到CasADi求解器的优化配置,提供了一套完整的避坑指南。重点介绍了车辆动力学模型的验证要点、CasADi环境的高效配置技巧以及MPC问题建模的核心要素,帮助开发者快速实现稳健的横向控制方案。

weixin_42524499的博客 346

从KVM虚拟化到Openstack云化架构综述

目录 摘要 OpenStack的虚拟化技术 OpenStack架构介绍 Nova Swift KeyStone Neutron Glance Cinder Ceilometer Heat 摘要 这两年的工作中,接触到公有云和私有云的项目还不少。起初对于Openstack的了解,仅停留在其几大组件的交互上,如Nova、Neutron、Glance等,以及对各大云厂商功能点上...

liyunpeng229的博客 2051

uniapp踩坑-使用vue-cli框架对node版本有要求

uniapp踩坑-使用vue-cli框架对node版本有要求 前言-背景 最近在开发uniapp,官方文档提供的开发方式有两种,一种是通过HBulider可视化界面创建,一种是通过vue-cli命令行创建,因为可视化更加方便,所以就使用了可视化创建方式,后续因项目需实现jenkins自动化构建,而使用可视化创建方式的话,只能是通过可视化界面的打包资源操作,如下图: 每次都需要前端开发人员进行手动打包,而jenkins的自动化构建的理念是通过命令行去操作,不需要人工进行打包,使用使用可视化界面进行创建项目的

caixuanji的博客 7343

【WRF工具】WRF 模型输出可视化工具 plotfmt

【WRF工具】WRF 模型输出可视化工具 plotfmt

WW、forever的博客 1292

vue项目启动报错(node版本与Webpack)

library: ‘digital envelope routines’, reason: ‘unsupported’, code: ‘ERR_OSSL_EVP_UNSUPPORTED’ } Node.js v20.19.1 error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

重生之我不会写代码 1450

手把手教你学BSP(11.3)--BSP实例:基于Raspberry Pi 4 Model B的Linux BSP开发实例

通过以上步骤,我们完成了一个基于Raspberry Pi 4 Model B的Linux BSP开发过程,包括硬件初始化、设备驱动编写、Bootloader配置、内核配置和编译,以及最终映像的生成。每个步骤都非常重要,确保每一步都正确无误才能使整个系统正常运行。

MHD0815的博客 1011

C# 与华中数控设备通信:数控机床自动化控制与实时监测系统

华中数控系统与C#通信开发指南 核心要点 通信基础 支持串口(RS232/RS485)和以太网两种连接方式 协议选择:通用Modbus协议或华中自定义HNC协议 关键数据映射表明确各参数对应的寄存器地址和功能码 系统架构 四层架构:设备层→通信层→业务层→应用层 包含实时数据采集、指令下发、状态监控、异常处理全流程 支持Modbus和HNC协议动态切换 代码实现 串口通信使用NModbus库简化开发 提供连接管理、数据读取、指令下发完整示例 包含异常处理和超时重连机制 应用价值 实现数控机床远程监控和自动化

这里只有干货:从 Modbus 通信到 MES 对接,从 YOLO 训练到工控机部署,带你搞定工业软件开发全流程。 2018

使用vue-cli初始化一个vue2的项目后,在该项目中引入sass编写css样式的步骤及踩坑

可以看到我的电脑里安装的是14.16.0版本的node.js,这里为什么要看一下?如果踩过坑的小伙伴肯定知道,还没踩过坑的小伙伴查看过node.js的版本以后要记一下版本号,后面会用到。 这里 github 上给的安装命令是在你本地进行全局安装,而我们现在使用它的话是在项目的开发阶段进行使用,所以我们要在项目的根目录下运行 DOS 命令在开发环境中安装 sass。 执行安装命令成功后,可以在项目的 package.json 文件中的 devDependencies 项中看到新增了相应版本的 sass 依赖

IT攻城狮-五月的博客 7164

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

解决Yarn创建Vue项目,出现node版本不兼容问题

error jest-worker@28.1.3: The engine "node" is incompatible with this module. Expected version "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0". Got "16.4.0"

SUZEHUI9636的博客 4412

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

升级node版本至18后vue项目启动报错

升级node版本至18后vue项目启动报错

cwd1998的博客 4820

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

如何将vue项目打包成.exe文件,不想踩坑就来这里!

如何将vue项目打包成.exe文件;electron打包后的.exe文件请求域名为何为file:///;electron打包后的文件路由无法跳转;

weixin_61877032的博客 1万+

使用pnpm创建vue3项目时Node.js版本太低,教大家如何升级/降级Node.js版本

起初我想用pnpm包管理器来创建vue项目,就先安装了pnpm,然后在创建的时候就出现了问题。报错信息显示我的node版本没有达到使用pnpm的最低版本限制,就node -v查看了一下我的node版本,发现只有18.6.0,使用pnpm最低需要v18.12,所以必须升级node版本。它是 Windows 上最常用的 Node.js 版本管理工具。

weixin_64249085的博客 3057

升级node版本后VUE项目启动报错

查看node版本: node -v 原来的node版本是8.11.3 升级后的node版本是10.13.0 启动VUE项目 npm run dev 报错: fs.js:129 throw new ERR_INVALID_CALLBACK(); ^ TypeError [ERR_INVALID_CALLBACK]: Callback must be a function at maybeCal...

如果我年少有为不自卑 5531

node版本与node-sass版本不兼容时的问题及解决

node版本与node-sass版本不兼容时的问题及解决

楠藜的博客 3592

Windows 下如何对 node/vue 进行多版本管理?

为了在同一台计算机上兼容多个 Vue 版本,我们需要管理不同的 Node.js 版本,因为 Vue CLI 和其他依赖项可能对特定的 Node.js 版本有要求。通过以上步骤,你可以在同一台计算机上使用 nvm-windows 来管理不同的 Node.js 版本,从而兼容不同的 Vue 版本,并确保每个项目使用正确的 Node.js 和 npm 版本。使用 nvm-windows 来管理不同的 Node.js 版本,从而确保每个项目使用正确的 Node.js 和 npm 版本。,然后按 Enter。

追风2019 1249

使用Vite创建一个vue项目

Vue.js是一个渐进式前端框架,凭借数据绑定和组件化开发优势,成为现代Web开发的热门选择。本文详细介绍了使用Vite创建Vue项目的步骤:首先检查Node.js版本(要求≥15),通过npm init vue@latest命令初始化项目(注意项目名使用小写),然后安装依赖并运行。针对可能出现的版本兼容问题,提供了升级Node.js或降级Vite两种解决方案,并给出了具体操作命令。最终成功运行后会显示默认Vue欢迎页面,完成项目搭建。该指南帮助开发者快速创建高效可维护的Vue工程。

weixin_65961975的博客 2143

怎么查看当前vue项目,要求的node.js版本

在上面的示例中,engines 属性指定了 Node.js 的最低版本为 12.0.0。这意味着,如果你想在该项目中运行 Vue CLI,你需要使用 Node.js 版本 12.0.0 或更高版本。要查看当前 Vue 项目所需的 Node.js 版本,你可以查看项目根目录下的 package.json 文件中的 engines 属性。如果你的 Node.js 版本低于项目所需版本,你需要升级 Node.js。你可以访问 Node.js 官方网站下载最新版本的 Node.js,并按照官方指南进行安装。

还在活水泥的未来包工头 2万+
上一篇: 使用VUE的打印插件(vue-print-nb)出现多打印一个空白页的问题
下一篇: [css3]元素超过屏幕时固定元素
令狐义瑜
博客等级 码龄9年 1粉丝 11原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值