位置: IT常识 - 正文

Node 16版本和 node-sass 兼容性问题(node升级版本)

编辑:rootadmin
Node 16版本和 node-sass 兼容性问题

推荐整理分享Node 16版本和 node-sass 兼容性问题(node升级版本),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:node和npm版本对应,node升级版本,node最新版,node的版本,node的版本,node哪个版本比较稳定,node哪个版本比较稳定,node新版本,内容如对您有帮助,希望把文章链接给更多的朋友!

        我电脑上的node版本是16.13.1,运行刚克隆下来的项目时,npm install 报错,gyp err,百度之后确定是node-sass版本兼容性问题。

项目的package.json文件版本如下:

"devDependencies": {

    "node-sass": "^4.0.0",

    "sass-loader": "^8.0.1"

  },

问题 1:

将node-sass的版本改为6.0.1,npm install之后运行项目出现:

Node 16版本和 node-sass 兼容性问题(node升级版本)

Node Sass version 6.0.0 is incompatible with ^4.0.0

经过各个渠道排查,需要同时安装node-sass 6版本 和sass-loader 10版本才能将问题解决,因此将sass-loader版本改为10.0.1,再次npm install之后尝试运行项目 ,然后就出现了新问题,没关系遇到问题解决问题

问题 2:

sass-loader 版本10不再支持data方式或者prependData的引入了,需要改成additionalData。打开vue.config.js文件,将prependData改为additionalData:

我们继续运行项目,有点意外的是又有新的问题出现了。。

问题 3:

 报错原因是因为sass-loader 10版本在vue.config.js中引入了variables.scss后,不需要在main.js中引入了(根据自己控制台的报错信息确定自己项目中问题出现的文件位置,此处是本人遇到的),打开main.js将重复引用注释掉:

再次运行项目:成功。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

本文链接地址:https://www.jiuchutong.com/zhishi/290700.html 转载请保留说明!

上一篇:海浪冲击着悉尼海岸的一个心形岩石岛,澳大利亚 (© Kristian Bell/Getty Images)(海浪冲击着海岸)

下一篇:Nginx同一端口部署多个前后端分离的vue项目(nginx同一个端口设置两个网站)

  • amd r5 3500u相当于英特尔什么处理器(amdr53500u相当于intel)

    amd r5 3500u相当于英特尔什么处理器(amdr53500u相当于intel)

  • 华为nova6返回键在哪里(华为nova6返回键设置)

    华为nova6返回键在哪里(华为nova6返回键设置)

  • 申请注销抖音要几天(抖音注销账号需要满足的条件)

    申请注销抖音要几天(抖音注销账号需要满足的条件)

  • 拼多多没有违规词为什么要考试(拼多多没有违规记录为什么限制推广)

    拼多多没有违规词为什么要考试(拼多多没有违规记录为什么限制推广)

  • 华为荣耀20pro手机怎么删除系统自带应用(华为荣耀20PRO手机电量还剩65可以充电吗)

    华为荣耀20pro手机怎么删除系统自带应用(华为荣耀20PRO手机电量还剩65可以充电吗)

  • 淘宝评价管理的周月什么时候更新(淘宝评价管理的已处理评价是什么意思)

    淘宝评价管理的周月什么时候更新(淘宝评价管理的已处理评价是什么意思)

  • 自拍杆充电一直亮红灯(自拍杆充电一直亮红灯怎么回事)

    自拍杆充电一直亮红灯(自拍杆充电一直亮红灯怎么回事)

  • hisiliconkirin950是什么处理器

    hisiliconkirin950是什么处理器

  • xbox无线适配器二代灯不会亮(xbox无线适配器有必要买吗)

    xbox无线适配器二代灯不会亮(xbox无线适配器有必要买吗)

  • nova7刷新率多少(华为novo7刷新率)

    nova7刷新率多少(华为novo7刷新率)

  • vivox21i和x21a有什么区别(vivox21和x21a和x21i有什么区别)

    vivox21i和x21a有什么区别(vivox21和x21a和x21i有什么区别)

  • 新建一个word文档后其默认名是(新建一个word文档是新建一个扩展名为)

    新建一个word文档后其默认名是(新建一个word文档是新建一个扩展名为)

  • 有线上网和无线上网的区别(有线上网和无线上网那个快)

    有线上网和无线上网的区别(有线上网和无线上网那个快)

  • 电脑可以安装小红书吗(电脑可以安装小度吗)

    电脑可以安装小红书吗(电脑可以安装小度吗)

  • teamviewer付费与免费的区别(teamview 收费)

    teamviewer付费与免费的区别(teamview 收费)

  • 爱奇艺vip能看奇异果吗(爱奇艺vip看奇异果)

    爱奇艺vip能看奇异果吗(爱奇艺vip看奇异果)

  • mate30pro怎么拍摄夜景照片(mate30pro怎么拍摄微距)

    mate30pro怎么拍摄夜景照片(mate30pro怎么拍摄微距)

  • 电脑过安检会坏吗(电脑过安检没事吧)

    电脑过安检会坏吗(电脑过安检没事吧)

  • 手机大众点评d币在哪里(手机大众点评有什么用)

    手机大众点评d币在哪里(手机大众点评有什么用)

  • 华为畅享9录屏在哪里(华为畅享9录屏怎么把时间记录去掉)

    华为畅享9录屏在哪里(华为畅享9录屏怎么把时间记录去掉)

  • 快手浏览模式怎么没有了(快手浏览模式怎么切换)

    快手浏览模式怎么没有了(快手浏览模式怎么切换)

  • 拼多多为什么要拼单(拼多多为什么要填写姓名和身份证号)

    拼多多为什么要拼单(拼多多为什么要填写姓名和身份证号)

  • 西瓜视频私信怎么发(西瓜视频私信怎么发不出去)

    西瓜视频私信怎么发(西瓜视频私信怎么发不出去)

  • apple pencil一代和二代的区别(apple pencil一代和二代笔尖一样吗)

    apple pencil一代和二代的区别(apple pencil一代和二代笔尖一样吗)

  • Linux中文件系统的目录结构详细介绍(linux操作系统文件系统)

    Linux中文件系统的目录结构详细介绍(linux操作系统文件系统)

  • Python数学建模三剑客之Numpy(python数学建模资料)

    Python数学建模三剑客之Numpy(python数学建模资料)

  • python-数据描述与分析(1)(数据结构—python语言描述)

    python-数据描述与分析(1)(数据结构—python语言描述)

  • 子公司把利润给母公司怎么做账
  • 企业所得税的计提和缴纳分录
  • 分公司产生的费用怎么报销
  • 社保局发放的稳岗补贴怎么入账
  • 会计调转是什么意思
  • 项目奖金个人所得税怎么算
  • 企业所得税抵扣项
  • 录入凭证需要做哪些工作
  • 增值税一般纳税人证明文件
  • 建筑安装项目要求有哪些
  • 保函保证金怎么审计
  • 免税企业开了含税发票
  • 广告公司营改增账务处理
  • 预提费用年底必须结转吗
  • 专票已经认证能作废吗
  • 汇算清缴专项附加扣除去年忘记填的能补填吗?
  • 桌面或文件夹内无图标
  • 怎么检查windows版本
  • 房租发票需要缴房产税吗
  • 广告公司的成本是什么
  • win11怎么查看win的产品密钥
  • win10如何查看显卡配置
  • 全额拨款事业单位工资待遇
  • 公司的劳务费支出怎么做账
  • 公司报销医疗费的范围
  • PHP:session_regenerate_id()的用法_Session函数
  • 纳税人解除劳动合同证明
  • clipbrd.exe是什么意思
  • php array_push()数组函数:将一个或多个单元压入数组的末尾(入栈)
  • 企业银行贷款利率2023
  • 竣工结算与竣工决算的主要区别是什么
  • 记账凭证和原始凭证都是登记账簿的直接依据
  • php不能通过浏览器运行吗
  • vuecli打包项目
  • 竣工结算审计费用在线计算器
  • 非常好看的头像
  • vue中的icon
  • Php数组转json 参数不带引号
  • 人民法院司法警察警用装备
  • 企业增值税发票管理办法
  • php是免费的吗
  • phpcms作者名不显示怎么解决
  • 常用的收集数据方法有
  • 政府补助 项目资本金
  • 大学生创新创业平台
  • 租赁收入会计分录怎么做
  • SQL Server Management Studio教程
  • 查询sqlserver数据库开发这门课程的最高分
  • 基本户和一般户的往来分录
  • 一般纳税人的劳务公司的税率
  • 基本户打款个人怎么办
  • 小规模纳税人申请一般纳税人流程
  • 坏账确认方法有哪些?
  • 业务招待费纳税调整会计分录
  • 公允价值举例说明
  • 根据企业会计准则第4号固定资产,企业可选用的折旧方法
  • fedora系统怎么样
  • 检测你的vps是不是真的
  • 中文版windows7的安装方式
  • macxi
  • reader_sl.exe - reader_sl进程有什么用.
  • win7移动硬盘无法弹出
  • win8系统怎样关机
  • win10企业版教育版专业版哪个好
  • 360安全卫士升级后的安装包在哪里
  • unity描边shader
  • 遮罩层出现后怎么点击其他地方隐藏
  • 浅谈特殊儿童的融合教育论文
  • css制作动画
  • cocos creator构建发布
  • cocos2dx-3.x(二)、坐标系
  • [置顶]从lv2开始开挂的原勇者候悠闲的异世界生活
  • mod兼容性
  • unity屏幕坐标 ui坐标
  • Unity multiplayer
  • python函数参数的传递方法
  • 税务查询热线
  • 办完营业执照多久可以开抖音小店
  • 山东税务申报如何网上申报
  • 运输公司抵扣
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设