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 多入口文件搭建 vue多页面搭建的实例讲解

    下面小编就为大家分享一篇vue 多入口文件搭建 vue多页面搭建的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • vue3 图片懒加载的两种方式、IntersectionObserver和useIntersectionObserver实例详解

    vue3 图片懒加载的两种方式、IntersectionObserver和useIntersectionObserve

    这篇文章主要介绍了vue3 图片懒加载的两种方式、IntersectionObserver和useIntersectionObserver实例详解,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • Vue父子组件通信全面详细介绍

    Vue父子组件通信全面详细介绍

    这篇文章主要介绍了React中父子组件通信详解,在父组件中,为子组件添加属性数据,即可实现父组件向子组件通信,文章通过围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-10-10
  • Vue中使用vue-pdf嵌入和展示PDF文件

    Vue中使用vue-pdf嵌入和展示PDF文件

    在vue中实现在线预览PDF文件我们可以使用vue-pdf来实现,下面这篇文章主要介绍了Vue中使用vue-pdf嵌入和展示PDF文件的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-10-10
  • vue-router实现webApp切换页面动画效果代码

    vue-router实现webApp切换页面动画效果代码

    本篇文章主要介绍了vue实现app页面切换效果实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • vue中如何使用xlsx读取excel文件实例代码

    vue中如何使用xlsx读取excel文件实例代码

    在Vue中使用xlsx库可以帮助我们读取和写入Excel文件,下面这篇文章主要给大家介绍了关于vue中如何使用xlsx读取excel文件的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • vuejs2.0实现一个简单的分页示例

    vuejs2.0实现一个简单的分页示例

    本篇文章主要介绍了vuejs2.0实现一个简单的分页示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Vue Element校验validate的实例

    Vue Element校验validate的实例

    这篇文章主要介绍了Vue Element校验validate的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • 解决vue项目router切换太慢问题

    解决vue项目router切换太慢问题

    这篇文章主要介绍了解决vue项目router切换太慢问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • 关于element中el-cascader的使用方式

    关于element中el-cascader的使用方式

    这篇文章主要介绍了关于element中el-cascader的使用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08

最新评论