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 相关文章推荐
js中几种去掉字串左右空格的方法
Dec 25 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&闭包&减缓全局空间污染
Nov 16 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
动态加载js、css的实例代码
May 26 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
详解vue 实例方法和数据
Oct 23 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
Vue开发Html5微信公众号的步骤
Apr 11 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
Apr 25 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
Nov 20 Vue.js
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
PHPLog php 程序调试追踪工具
2009/09/09 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
PHP 实现代码复用的一个方法 traits新特性
2015/02/22 PHP
PHP与Ajax相结合实现登录验证小Demo
2016/03/16 PHP
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
简约JS日历控件 实例代码
2013/07/12 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
2015/02/05 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
BootStrap3学习笔记(一)之网格系统
2016/05/20 Javascript
jQuery包裹节点用法完整示例
2016/09/13 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
angular8和ngrx8结合使用的步骤介绍
2019/12/01 Javascript
Python的设计模式编程入门指南
2015/04/02 Python
python删除列表中重复记录的方法
2015/04/28 Python
Linux中Python 环境软件包安装步骤
2016/03/31 Python
浅谈插入排序算法在Python程序中的实现及简单改进
2016/05/04 Python
利用CSS3的transition属性实现滑动效果
2015/08/05 HTML / CSS
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
HTML5 canvas画图并保存成图片的jcanvas插件
2014/01/17 HTML / CSS
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
给小学生的新年寄语
2014/04/04 职场文书
教学改革问题查摆整改措施
2014/09/27 职场文书
2014年旅游局法制宣传日活动总结
2014/11/01 职场文书
培训通知书模板
2015/04/17 职场文书
初中语文教师研修日志
2015/11/13 职场文书
SQL CASE 表达式的具体使用
2022/03/21 SQL Server