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

 更新时间:2019年10月25日 08:20:02   作者:小小蚊子  
这篇文章主要介绍了vue项目从node8.x升级到12.x后的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

开始使用低于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 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命令了
有很大概率是因为我没有重启导致的(没有测试,不是很确定)

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

相关文章

  • 在vue中封装方法以及多处引用该方法详解

    在vue中封装方法以及多处引用该方法详解

    这篇文章主要介绍了在vue中封装方法以及多处引用该方法详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • vue项目打包后proxyTable代理失效问题及解决

    vue项目打包后proxyTable代理失效问题及解决

    这篇文章主要介绍了vue项目打包后proxyTable代理失效问题及解决方案,具有很好的参考价值,希望对大家有所帮助。
    2023-05-05
  • vue打包terser压缩去除控制台打印和断点过程

    vue打包terser压缩去除控制台打印和断点过程

    这篇文章主要介绍了vue打包terser压缩去除控制台打印和断点过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • 浅析vue3中组件的二次封装

    浅析vue3中组件的二次封装

    在实际开发中每个开发者应该都有经历过对组件进行二次封装,本文将从三个方面来基于 Element UI 的el-input组件简单实现一下组件的二次封装,有需要的可以参考下
    2023-09-09
  • 详解Vue.js搭建路由报错 router.map is not a function

    详解Vue.js搭建路由报错 router.map is not a function

    这篇文章主要介绍了详解Vue.js搭建路由报错 router.map is not a function,非常具有实用价值,需要的朋友可以参考下
    2017-06-06
  • 解读Vue-loader的相关知识

    解读Vue-loader的相关知识

    这篇文章主要介绍了解读Vue-loader的相关知识,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • vue 2.0项目中如何引入element-ui详解

    vue 2.0项目中如何引入element-ui详解

    element-ui是一个比较完善的UI库,但是使用它需要有一点vue的基础,下面这篇文章主要给大家介绍了关于在vue 2.0项目中如何引入element-ui的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-09-09
  • vue中实现图片压缩 file文件的方法

    vue中实现图片压缩 file文件的方法

    这篇文章主要介绍了vue中实现图片压缩 file文件的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • vue如何实现未登录不能访问某些页面

    vue如何实现未登录不能访问某些页面

    这篇文章主要介绍了vue如何实现未登录不能访问某些页面问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue中element-ui不能修改el-input框,或是不能修改某些值问题

    vue中element-ui不能修改el-input框,或是不能修改某些值问题

    这篇文章主要介绍了vue中element-ui不能修改el-input框,或是不能修改某些值问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10

最新评论