vue项目从node8.x升级到12.x后

升级node到12.x后,vue项目因node-sass环境变化报错。通过执行`npm i node-sass -D`或`cnpm i node-sass -D`解决。使用nvm安装node时,出现下载慢、路径问题,导致WebStorm中无法执行`node -v`。卸载重装node,清除nvm环境变量并重启电脑后问题解决。
摘要由CSDN通过智能技术生成
开始使用低于vue-cli3创建的项目,在更新node到12.x后,项目运行不起来了,这个让我想起我刚使用react时,安装的依赖,过了半年后,项目也运行不起来,在这了记录下(时间:2019-10-24)

1.版本更新后报错

  • 更新node后,原来的vue项目的node Sass环境变了,导致项目跑不起来
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 12.x
Found bindings for the following environments:
  - Windows 64-bit with Node.js 8.x
  - Windows 64-bit with Node.js 12.x
This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.
  • 我开始以为是要执行这条命令npm rebuild node-sass,然后执行发现,他要我安装Python环境
 Error: Can't find Py
将Electron-Vue项目中的Webpack从4.x升级到5.x需要执行以下步骤: 1. 更新Webpack版本:在项目中安装Webpack 5.x版本,可以使用以下命令进行安装: ``` npm install webpack@5.x --save-dev ``` 2. 更新依赖:Webpack 5.x与Webpack 4.x存在一些不兼容的更改,需要更新一些依赖,可以使用以下命令进行更新: ``` npm install -D webpack-cli webpack-dev-server html-webpack-plugin clean-webpack-plugin copy-webpack-plugin ``` 3. 更新配置文件:将`webpack.renderer.config.js`和`webpack.main.config.js`中的一些配置更新为Webpack 5.x的格式,具体的更改如下: - 在`mode`选项中,将`development`和`production`改为`'development'`和`'production'`。 - 在`plugins`选项中,将`new CleanWebpackPlugin()`改为`new CleanWebpackPlugin({ cleanStaleWebpackAssets: false })`。 - 在`rules`选项中,将`exclude: /node_modules/`改为`exclude: /node_modules[/\\](?!(vue-echarts|resize-detector)[/\\])/`,以解决与Vue-Echarts和Resize-Detector模块的兼容性问题。 4. 更新Vue Loader:Vue Loader需要更新到15.x或以上版本才能与Webpack 5.x兼容,可以使用以下命令进行更新: ``` npm install -D vue-loader@^15.0.0 ``` 5. 更新其他依赖:根据项目中使用的其他依赖,可能还需要更新其他模块的版本以保持兼容性。 完成以上步骤后,重新运行项目即可。注意,在使用Webpack 5.x时,可能需要更新一些已经废弃的API,或者更改一些配置以适应新的版本。可以参考Webpack 5.x的文档进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值