vue环境总结

本文介绍了如何使用NVM管理Node.js版本,解决Vue项目运行时的错误。包括NVM的安装、Node.js版本的选择与切换,以及遇到的webpack-dev-server和node-sass、sass-loader的安装问题及解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

因将node.js升级后,打包运行出错了。后来加班重新改好。
一、用nvm管理可以用命令将node和npm对应安装
1.首先在控制台输入where node查看之前本地安装的node的路径
在这里插入图片描述
2.将node目录删除或者卸载
在这里插入图片描述
二、1.安装nvm
从官网下载安装包 https://github.com/coreybutler/nvm-windows/releases,下载红框里面的那个
在这里插入图片描述
2.nvm安装完成后,检验是否安装成功,进入命令控制行窗口,输入命令nvm v查看
在这里插入图片描述
3.接下来就是安装node.js版本
输入命令行nvm ls anaillable查看可用的node.js版本号

4.输入命令行nvm install node版本号,例如:nvm install 12.17.0
5.安装完成后可以分别输入命令行node -v和npm -v,检验node.js以及对应npm是否安装成功
在这里插入图片描述
6.输入命令行nvm ls查看你安装的所有node.js版本号
7.输入命令行nvm use node版本号(例如:nvm use 12.17.0)即可选择你本地所使用的Node.js版本
至此NVM安装node和npm完成

三、vue项目 npm run dev 运行时报错:webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
1.卸载命令:npm uninstall webpack-dev-server
2.下载指定的包到node_modules, 输入命令 npm i -S

四、vue中安装node-sass、sass-loader报错问题解决方法
主要看控制台错误一般是重新安装node-sass,而我的是因为版本问题
1.首先执行以下代码,卸载老版node-sass、sass-loader
npm uninstall sass-loader node-sass
2.查找与自己node版本对应得node-sass版本,并且要先安装node-sass,再去找匹配的sass-loader
在这里插入图片描述
3.安装对应node-sass,执行以下代码安装node-sass
npm install node-sass@6.0.1 -D
4.安装sass-loader
npm install sass-loader@10.2.0 -D

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值