node.js 14 升级 node.js 18

一、准备

卸载 node14 ，安装 node18 https://nodejs.org/en

备份项目 node_modules 目录

准备 python3+ 安装包 https://www.python.org/downloads/release/python-3120/

二、更改配置文件

1.package.json

"node-sass": "^4.14.1",
 "sass-loader": "8.0.2",
 改为
"node-sass": "^8.0.0",
"sass-loader": "^10.4.1",

//node与node-sass 版本对应
https://www.npmjs.com/package/node-sass/v/8.0.0?activeTab=versions

2.vue.config.js

//如果有的话
 css: {
 loaderOptions: {
sass: {
additionaData: `@import"@/assets/scss/_variable.scss";`,
},
},
},
//additionaData
https://blog.csdn.net/qq_45376257/article/details/126215786

三 报错

An import loop has been found

https://cloud.tencent.com/developer/article/1837424

然后我复制一份放到 /assets/scss/ 目录下，修改为

 css: {
 loaderOptions: {
 sass: {
 additionalData: `@import "@/assets/scss/element-variables.scss";`
} 
}
}

复制

成功出现 el-buttion 标签 , 解决问题

options has an unknown property ‘prependData’. These properties are valid:

object { implementation?, sassOptions?, additionalData?, sourceMap?,

webpackImporter? }

https://blog.csdn.net/qq_45376257/article/details/126215786

cass

根据项目的根路径的 vue.config.js 中

 css: {
 loaderOptions: {
 sass: {
 additionaData: `@import"@/assets/scss/_variable.scss";`,
 },
 },
 },

这里的是 sass -loader:12.0.0 cass-locader 的版本不同， additionaData 也会不同 ，

sass-loader:v10 以上就用： additionaData

sass-loader:v8 以上就用： prependData

sass-loader:v8- 以下就用： data

Error: error:0308010C:digital envelope routines::unsupported

https://www.cnblogs.com/jaxu/p/17171211.html

https://blog.csdn.net/m0_65933139/article/details/130690790

或

https://blog.csdn.net/kajing6092/article/details/130387375

 set NODE_OPTIONS=--openssl-legacy-provider

或

package.json增加配置

 "scripts": {
 "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
 "build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"
 },

npm ERR! gyp info it worked if it ends with oknpm ERR!

gyp verb cli

1 npm install -g mirror-config-china --registry=

https://registry.npmmirror.com

npm install -g mirror-config-china --registry=

2 npm install node-sass npm ERR! code 1 npm ERR! path D:\LeChuang\three_3D\vueThree

master\node_modu

 "node-sass": "^8.0.0",
 "sass-loader": "10.4.1",