升级node版本后vue2的项目node-sass、sass-loader安装报错(14.x升级到16.x)

news/2025/1/3 4:02:28/

node升级到16.x版本后,对应的node-sass需要升级到^6.0.0,此时sass-loader的版本需要升级到10.2.0以上 ,具体对应版本规则可参考链接: https://github.com/webpack-contrib/sass-loader/releases?page=3

vue2通过@vue/cli创建的项目,对应的webpack的版本是4.X,下载sass-loader10.x版本会报错,需要webpack5.x才能下载成功

如果该项目是需要升级node的,那么就需要去升级对应的webpack版本了,虽然现在node-sass被弃用,提出使用dart-sass但是项目中如果使用的组件库是element-ui,需谨慎替换,使用sass会导致element-ui的scss样式报错

如果只是需要node更高版本来开发其他项目,不需要对当前项目做升级,那么建议可以使用nvm对node版本进行管理,下载链接: https://github.com/coreybutler/nvm-windows/releases

注意事项:

  1. 如果当前已经安装过node,一定要先卸载当前版本,并且删除当前node的环境变量,清除npm cache,清除方式
  • 直接删除C:\Users\用户名下的.npmrc文件
  • npm cache clean
  1. 安装路径,nvm的安装路径和nodejs的路径保持在同一个根路径下
  2. 使用nvm下载node包后,直接打印node -v如果报错,则需要先使用nvm on开启nvm

http://www.ppmy.cn/news/1013391.html

相关文章

ubuntu20.04 docker 下编译 tensorflow-gpu

ubuntu20.04 安装tensorflow-gpu 配置: 系统 ubuntu 20.04 LTS 显卡 GTX 1060 6G 1 安装cudatoolkit (我选 CUDA Toolkit 12.2 ) NVIDIA CUDA Installation Guide for Linux https://docs.nvidia.com/cuda/cuda-installation-guide-linux/in…

QML 数据库存储

作者: 一去、二三里 个人微信号: iwaleon 微信公众号: 高效程序员 在开发 QML 应用过程中,经常需要处理和存储用户数据。虽然常见的选择是服务器端数据库,但有时也需要一种简单、轻量级的本地存储。在这方面,我们可以依靠 LocalStorage 来满足各种需求。 与之前介绍的 S…

【css】组合器

组合器是解释选择器之间关系的某种机制。在简单选择器器之间,可以包含一个组合器,从而实现简单选择器难以达到的效果。 CSS 中有四种组合器: 后代选择器 (空格):匹配属于指定元素后代的所有元素,示例:div …

.NET Core SDK版本切换

1.查看当前版本 dotnet --version C:\Users\18749>dotnet --version 7.0.3062.查看所有版本信息 dotnet --info C:\Users\18749>dotnet --info .NET SDK:Version: 7.0.306Commit: f500069cb7运行时环境:OS Name: WindowsOS Version: 10.0.22621OS Platform…

在Linux中安装MySQL

在Linux中安装MySQL 检测当前系统中是否安装MySQL数据库 命令作用rpm -qa查询当前系统中安装的所有软件rpm -qa|grep mysql查询当前系统中安装的名称带mysql的软件rpm -qa | grep mariadb查询当前系统中安装的名称带mariadb的软件 RPM ( Red-Hat Package Manager )RPM软件包管理…

VS2017+CMake+opencv/opencv_contrib 配置报错

请参考https://blog.csdn.net/m0_57433605/article/details/123026901 大佬写的真的很好 添加代理能解决90%问题(甚至100%)

Python-OpenCV 图像的基础操作

图像的基础操作 获取图像的像素值并修改获取图像的属性信息图像的ROI区域图像通道的拆分及合并图像扩边填充图像上的算术运算图像的加法图像的混合图像的位运算 获取图像的像素值并修改 首先读入一副图像: import numpy as np import cv2# 1.获取并修改像素值 # 读…

Elasticsearch同时使用should和must

问题及解决方法 must和should组合查询,should失效。使用must嵌套查询,将should组成的bool查询包含在其中一个must查询中。 SearchRequest request new SearchRequest(); request.indices("function_log");SearchSourceBuilder sourceBuilde…