vue项目从node8.x升级到12.x后的问题解决


Posted in Javascript onOctober 25, 2019

开始使用低于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.

vue项目从node8.x升级到12.x后的问题解决

我开始以为是要执行这条命令npm rebuild node-sass,然后执行发现,他要我安装Python环境

Error: Can't find Python executable "python", you can set the PYTHON env variable.

然后我执行npm i node-sass -D这条命令后,node-sass安装成功,同时,项目能够运行起来了

 2.node使用nvm后

 因为我当时想尝试使用nvm来进行node更新,所以使用了nvm安装,但是,因为我没有更改nvm的配置,导致node下载太慢,我就中断了nvm下载
此时,因为使用了nvm,并且,我是在已经安装了node情况下进行nvm安装升级的,然后在安装nvm时,我也选择了他自动帮我选的安装文件夹C:/Program Files/nodejs,nvm自动的帮我把原来的node文件删除了,并且在环境变量中的系统变量和用户变量两者都加入了nvm的path
不想等nvm安装,就直接在官网上下载了最新的稳定版本进行安装
我使用的是webstrom,然后在webstrom中的命令行中执行node -v,提示系统找不到路径,即使在webstrom中的设置里配置好了node的安装路径,并且重新启动了webstrom,还是提示找不到路径
在windows中使用命令行是可以执行node -v的
这个时候,我没有重启电脑,不是很确定是否是电脑没有重启的原因
在没有重启电脑的前提下,我就把node卸载后重新安装了,此时还是无法在webstrom中执行node
我就把nvm的环境变量配置都删除了,但是此时还是一样,我就重启了电脑,发现webstrom能够执行node命令了
有很大概率是因为我没有重启导致的(没有测试,不是很确定)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
HTML上传控件取消选择
Mar 06 Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
Jquery焦点图实例代码
Nov 25 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 Javascript
详解JavaScript逻辑And运算符
Dec 04 Javascript
jquery中object对象循环遍历的方法
Dec 18 Javascript
Vue.js第四天学习笔记
Dec 02 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
Feb 10 Javascript
Vue组件开发技巧总结
Mar 04 Javascript
Angular数据绑定机制原理
Apr 17 Javascript
vue写h5页面的方法总结
Feb 12 Javascript
JS实现骰子3D旋转效果
Oct 24 #Javascript
Vue可自定义tab组件用法实例
Oct 24 #Javascript
js实现转动骰子模型
Oct 24 #Javascript
js实现固定区域内的不重叠随机圆
Oct 24 #Javascript
js实现随机div颜色位置 类似满天星效果
Oct 24 #Javascript
windows实现npm和cnpm安装步骤
Oct 24 #Javascript
JS实现简单随机3D骰子
Oct 24 #Javascript
You might like
怎样在UNIX系统下安装php3
2006/10/09 PHP
11个PHP 分页脚本推荐
2011/08/15 PHP
php mysql_real_escape_string函数用法与实例教程
2013/09/30 PHP
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
PHP实现中文圆形印章特效
2015/06/19 PHP
PHP的Laravel框架中使用消息队列queue及异步队列的方法
2016/03/21 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
JQuery给元素添加/删除节点比如select
2013/04/02 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
页面加载完毕后滚动条自动滚动一定位置
2014/02/20 Javascript
Nodejs实现的一个简单udp广播服务器、客户端
2014/09/25 NodeJs
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
2017/01/24 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
python里大整数相乘相关技巧指南
2014/09/12 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
python实现简易淘宝购物
2019/11/22 Python
详解python中的闭包
2020/09/07 Python
python Matplotlib数据可视化(1):简单入门
2020/09/30 Python
在pycharm创建scrapy项目的实现步骤
2020/12/01 Python
纯CSS3实现图片无间断轮播效果
2016/08/25 HTML / CSS
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
时尚孕妇装:HATCH Collection
2019/09/24 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
实习生个人找工作的自我评价
2013/10/30 职场文书
党员创先争优承诺书
2014/03/26 职场文书
请假条标准格式规范
2014/04/10 职场文书
html5调用摄像头截图功能
2022/01/18 Javascript