升级node版本后vue2的项目node-sass、sass-loader安装报错（14.x升级到16.x）
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
注意事项:
- 如果当前已经安装过node，一定要先卸载当前版本，并且删除当前node的环境变量，清除npm cache，清除方式
- 直接删除C:\Users\用户名下的.npmrc文件
- npm cache clean
- 安装路径，nvm的安装路径和nodejs的路径保持在同一个根路径下
- 使用nvm下载node包后，直接打印node -v如果报错，则需要先使用nvm on开启nvm
相关文章：
升级node版本后vue2的项目node-sass、sass-loader安装报错（14.x升级到16.x）
node升级到16.x版本后，对应的node-sass需要升级到^6.0.0，此时sass-loader的版本需要升级到10.2.0以上 ，具体对应版本规则可参考链接: https://github.com/webpack-contrib/sass-loader/releases?page3 vue2通过vue/cli创建的项目࿰…...
深入理解CSS选择器：选择正确的方式掌控样式与布局
文章目录 CSS 概括CSS 选择器元素选择器（Element Selector）类选择器（Class Selector）ID 选择器（ID Selector）通用选择器（Universal Selector）属性选择器（Attribute Selec…...
qt设置控件的风格样式
设置tablewidget ui.tableWidget_MaterialLibrary->setStyleSheet("QTableView {""color:#DCDCDC;""background-color: #444444;""border: 1px solid #242424;""alternate-background-color:#525252;""gridline-co…...
简单易懂的Transformer学习笔记
1. 整体概述 2. Encoder 2.1 Embedding 2.2 位置编码 2.2.1 为什么需要位置编码 2.2.2 位置编码公式 2.2.3 为什么位置编码可行 2.3 注意力机制 2.3.1 基本注意力机制 2.3.2 在Trm中是如何操作的 2.3.3 多头注意力机制 2.4 残差网络 2.5 Batch Normal & Layer Narmal 2.…...
C语言经典小游戏之三子棋（超详解释＋源码）
“纵有疾风来，人生不言弃，风乍起，合当奋意向此生。” 今天我们一起来学习一下三子棋小游戏用C语言怎么写出来？ 三子棋小游戏 1.游戏规则介绍2.游戏准备3.游戏的实现3.1生成菜单3.2游戏的具体实现3.2.1初始化棋盘3.2.2打印棋盘3.2…...
宝塔Linux面板点击SSL闪退打不开？怎么解决？
宝塔Linux面板点击SSL证书闪退如何解决？旧版本的宝塔Linux面板确实存在这种情况，如何解决？升级你的宝塔Linux面板即可。新手站长分享宝塔面板SSL闪退的解决方法： 宝塔面板点击SSL证书闪退解决方法 问题：宝塔Linux面板…...
Problem: 6953. 判断是否能拆分数组
Problem: 6953. 判断是否能拆分数组 文章目录 思路解题方法复杂度Code 思路 针对题目中的以下目标，可以转换寻求数组中是否存在前后两个元素之和>m的情况，如果存在则返回ture，如果不存在则返回false。能这样转换的原因是，如果…...
MobiSys 2023 | 多用户心跳监测的双重成形声学感知
注1:本文系“无线感知论文速递”系列之一,致力于简洁清晰完整地介绍、解读无线感知领域最新的顶会/顶刊论文(包括但不限于 Nature/Science及其子刊; MobiCom, Sigcom, MobiSys, NSDI, SenSys, Ubicomp; JSAC, 雷达学报 等)。本次介绍的论文是:<<MobiSys’23,Multi-User A…...
Netty：ChannelInitializer添加到ChannelPipeline完成任务以后会自动删除自己
说明 io.netty.channel.ChannelInitializer是一个特殊的ChannelInboundHandler。它的主要作用是向 Channel对应的ChannelPipeline中增加ChannelHandler。执行完ChannelInitializer的initChannel(C ch)函数以后，ChannelInitializer就会从ChannelPipeline自动删除自己…...
【VUE】项目本地开启https访问模式(vite4)
在实际开发中，有时候需要项目以https形式进行页面访问/调试，下面介绍下非vue-cli创建的vue项目如何开启https 环境 vue: ^3.2.47vite: ^4.1.4 根据官方文档：开发服务器选项 | Vite 官方中文文档 ps：首次操作，不要被类…...
【状态估计】一维粒子滤波研究（Matlab代码实现）
💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势：🌞🌞🌞博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。 ⛳️座右铭&a…...
设计模式-迭代器模式在Java中使用示例
场景 为开发一套销售管理系统，在对该系统进行分析和设计时，发现经常需要对系统中的商品数据、客户数据等进行遍历， 为了复用这些遍历代码，开发人员设计了一个抽象的数据集合类AbstractObjectList，而将存储商品和客户…...
Maven入职学习
一、什么是Maven？ 概念： Maven是一种框架。它可以用作依赖管理工具、构建工具。 它可以管理jar包的规模、jar包的来源、jar包之间的依赖关系。 它的用途就是管理规模庞大的jar包，脱离IDE环境执行构建操作。 具体使用： 工作机…...
【多音音频测试信号】具有指定采样率和样本数的多音信号，生成多音信号的相位降低波峰因数研究（Matlab代码实现）
💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势：🌞🌞🌞博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。 ⛳️座右铭&a…...
LeetCode150道面试经典题-删除有序数组中的重复项(简单)
1.题目 给你一个 升序排列 的数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。然后返回 nums 中唯一元素的个数。 考虑 nums 的唯一元素的数量为 k ，…...
人大金仓数据库Docker部署
docker 搭建 yum -y install yum-utilsyum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.reposystemctl start docker.servicesystemctl enable docker.servicesystemctl status docker.service 配置Docker cd /etc/docker/ vi da…...
Leetcode-每日一题【剑指 Offer 07. 重建二叉树】
题目 输入某二叉树的前序遍历和中序遍历的结果，请构建该二叉树并返回其根节点。 假设输入的前序遍历和中序遍历的结果中都不含重复的数字。 示例 1: Input: preorder [3,9,20,15,7], inorder [9,3,15,20,7]Output: [3,9,20,null,null,15,7] 示例 2: Input: preo…...
Shell编程快速入门
Shell编程快速入门 脚本格式要求 脚本以#!/bin/bash开头脚本需要有可执行权限 脚本的常用执行方式 方式1：输入脚本的绝对路径或相对路径方式2：sh脚本 Shell的变量 Shell变量介绍 Linux Shell中的变量分为系统变量和用户自定义变量 系统变量&#…...
wpf 3d 坐标系和基本三角形复习
wpf 3d 坐标系的描述见此， WPF 3d坐标系和基本三角形_wpf 坐标系_bcbobo21cn的博客-CSDN博客 X轴正向向右，Y轴正向向上；Z轴，正向是从屏幕里边出来，负向是往屏幕里边去；坐标原点是在呈现区域的中心&#x…...
如何安全变更亚马逊收款账户？
有太多的卖家想知道如何安全变更亚马逊收款账户，因为更改了第三方收款账户可能会导致二次视频认证或者增强视频。真的是这样吗？ 其实不推荐亚马逊店铺正常运营之后去变更信用卡，收款账户等重要资料的，因为玩黑科技的卖家也真的多…...
RestClient
什么是RestClient RestClient 是 Elasticsearch 官方提供的 Java 低级 REST 客户端，它允许HTTP与Elasticsearch 集群通信，而无需处理 JSON 序列化/反序列化等底层细节。它是 Elasticsearch Java API 客户端的基础。 RestClient 主要特点 轻量级ÿ…...
【单片机期末】单片机系统设计
主要内容：系统状态机，系统时基，系统需求分析，系统构建，系统状态流图 一、题目要求 二、绘制系统状态流图 题目：根据上述描述绘制系统状态流图，注明状态转移条件及方向。 三、利用定时器产生时…...
TRS收益互换：跨境资本流动的金融创新工具与系统化解决方案
一、TRS收益互换的本质与业务逻辑 （一）概念解析 TRS（Total Return Swap）收益互换是一种金融衍生工具，指交易双方约定在未来一定期限内，基于特定资产或指数的表现进行现金流交换的协议。其核心特征包括&am…...
精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南
精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南 在数字化营销时代，邮件列表效度、用户参与度和网站性能等指标往往决定着创业公司的增长成败。今天，我们将深入解析邮件打开率、网站可用性、页面参与时…...
稳定币的深度剖析与展望
一、引言 在当今数字化浪潮席卷全球的时代，加密货币作为一种新兴的金融现象，正以前所未有的速度改变着我们对传统货币和金融体系的认知。然而，加密货币市场的高度波动性却成为了其广泛应用和普及的一大障碍。在这样的背景下，稳定…...
)
Angular微前端架构：Module Federation + ngx-build-plus (Webpack)
以下是一个完整的 Angular 微前端示例，其中使用的是 Module Federation 和 npx-build-plus 实现了主应用（Shell）与子应用（Remote）的集成。 🛠️ 项目结构 angular-mf/ ├── shell-app/ # 主应用&…...
基于TurtleBot3在Gazebo地图实现机器人远程控制
1. TurtleBot3环境配置 # 下载TurtleBot3核心包 mkdir -p ~/catkin_ws/src cd ~/catkin_ws/src git clone -b noetic-devel https://github.com/ROBOTIS-GIT/turtlebot3.git git clone -b noetic https://github.com/ROBOTIS-GIT/turtlebot3_msgs.git git clone -b noetic-dev…...
免费PDF转图片工具
免费PDF转图片工具 一款简单易用的PDF转图片工具，可以将PDF文件快速转换为高质量PNG图片。无需安装复杂的软件，也不需要在线上传文件，保护您的隐私。 工具截图 主要特点 🚀 快速转换：本地转换，无需等待上…...
9-Oracle 23 ai Vector Search 特性 知识准备
很多小伙伴是不是参加了 免费认证课程（限时至2025/5/15） Oracle AI Vector Search 1Z0-184-25考试，都顺利拿到certified了没。 各行各业的AI 大模型的到来，传统的数据库中的SQL还能不能打，结构化和非结构的话数据如何和…...
6️⃣Go 语言中的哈希、加密与序列化：通往区块链世界的钥匙
Go 语言中的哈希、加密与序列化：通往区块链世界的钥匙 一、前言：离区块链还有多远？ 区块链听起来可能遥不可及，似乎是只有密码学专家和资深工程师才能涉足的领域。但事实上，构建一个区块链的核心并不复杂，尤其当你已经掌握了一门系统编程语言，比如 Go。 要真正理解区…...