升级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…...
如何安全变更亚马逊收款账户？
有太多的卖家想知道如何安全变更亚马逊收款账户，因为更改了第三方收款账户可能会导致二次视频认证或者增强视频。真的是这样吗？ 其实不推荐亚马逊店铺正常运营之后去变更信用卡，收款账户等重要资料的，因为玩黑科技的卖家也真的多…...
观成科技：隐蔽隧道工具Ligolo-ng加密流量分析
1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具，该工具基于TUN接口实现其功能，利用反向TCP/TLS连接建立一条隐蔽的通信信道，支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式，适应复杂网…...
基于距离变化能量开销动态调整的WSN低功耗拓扑控制开销算法matlab仿真
目录 1.程序功能描述 2.测试软件版本以及运行结果展示 3.核心程序 4.算法仿真参数 5.算法理论概述 6.参考文献 7.完整程序 1.程序功能描述 通过动态调整节点通信的能量开销，平衡网络负载，延长WSN生命周期。具体通过建立基于距离的能量消耗模型&am…...
Zustand 状态管理库：极简而强大的解决方案
Zustand 是一个轻量级、快速和可扩展的状态管理库，特别适合 React 应用。它以简洁的 API 和高效的性能解决了 Redux 等状态管理方案中的繁琐问题。 核心优势对比 基本使用指南 1. 创建 Store // store.js import create from zustandconst useStore create((set)…...
shell脚本--常见案例
1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件： 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...
java 实现excel文件转pdf | 无水印 | 无限制
文章目录 目录 文章目录 前言 1.项目远程仓库配置 2.pom文件引入相关依赖 3.代码破解 二、Excel转PDF 1.代码实现 2.Aspose.License.xml 授权文件 总结 前言 java处理excel转pdf一直没找到什么好用的免费jar包工具，自己手写的难度，恐怕高级程序员花费一年的事件，也…...
376. Wiggle Subsequence
376. Wiggle Subsequence 代码 class Solution { public:int wiggleMaxLength(vector<int>& nums) {int n nums.size();int res 1;int prediff 0;int curdiff 0;for(int i 0;i < n-1;i){curdiff nums[i1] - nums[i];if( (prediff > 0 && curdif…...
页面渲染流程与性能优化
页面渲染流程与性能优化详解（完整版） 一、现代浏览器渲染流程（详细说明） 1. 构建DOM树 浏览器接收到HTML文档后，会逐步解析并构建DOM（Document Object Model）树。具体过程如下： (…...
生成 Git SSH 证书
🔑 1. 生成 SSH 密钥对 在终端（Windows 使用 Git Bash，Mac/Linux 使用 Terminal）执行命令： ssh-keygen -t rsa -b 4096 -C "your_emailexample.com" 参数说明： -t rsa&#x…...
大模型多显卡多服务器并行计算方法与实践指南
一、分布式训练概述 大规模语言模型的训练通常需要分布式计算技术，以解决单机资源不足的问题。分布式训练主要分为两种模式： 数据并行：将数据分片到不同设备，每个设备拥有完整的模型副本 模型并行：将模型分割到不同设备，每个设备处理部分模型计算 现代大模型训练通常结合…...
微信小程序云开发平台MySQL的连接方式
注：微信小程序云开发平台指的是腾讯云开发 先给结论：微信小程序云开发平台的MySQL，无法通过获取数据库连接信息的方式进行连接，连接只能通过云开发的SDK连接，具体要参考官方文档： 为什么？ 因为…...