Vue项目启动问题记录

老项目npm install 过程遇到一些问题,这里简单做下记录。着急解决问题的朋友可以直接跳到【解决方案】环节

1、踩坑历程

1.1、npm ERR! gyp verb which failed Error: not found: python2.7

在这里插入图片描述

解决方法:
手动安装python2.7,并配置环境变量。安装配置后,到cmd输入python验证是否安装配置成功。若配置检查无误输入python后未能识别,建议重启机子再尝试下,有时环境变量需要重启才能生效。python2.7下载地址

在这里插入图片描述

1.2、MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 “4.0”。

在这里插入图片描述

这个是耽搁我最久的一个问题(图片是盗用网上的),根据异常提示语,到网上查找对应解决方法,基本都是类似以下处理方法:
如果你是vue项目,请勿参考以下方法

如果你是vue项目,请勿参考以下方法

  1. 下载 Visual C++ 2015 Build Tools,安装时,选择自定义安装,勾选系统版本对应的Windows SDKs ,直至安装完毕;
  2. 下载 Python2.7,安装时,勾选将 Add Python.exe to PATH,即添加至环境变量,直至安装完毕;
  3. 在报错的项目内,重新执行 npm install --msvs_version 2015 进行安装项目依赖,即可完美解决问题了;

上述方法可能对于C++项目朋友有效,但对于vue项目,没必要这么处理项目,简直大柴小用。Vue项目的朋友,解决方案在文末

1.3、gyp ERR! stack Error: C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe failed with exit code: 1

在这里插入图片描述

到网上查找对应解决方法,基本都是类似以下处理方法:

如果你是vue项目,请勿参考以下方法

  1. npm install -g node-gyp
  2. npm install --global --production windows-build-tools

同样,上述方法可能对于C++项目朋友有效,但对于vue项目,没必要这么处理。Vue项目的朋友,解决方案在文末

1.4、error MSB4019: The imported project “E:\Microsoft.Cpp.Default.props” was not found

在这里插入图片描述

这个也是莫名其妙的问题,基本也是编译工具出问题导致的,反正这一路下来就是各种踩坑,找的方法基本也都是对应C++项目的,到这里都想着摆烂了。
好在后面请教专门搞前端的朋友,人家提供一些思路才得以解决。

1.5、node-sass下载

上面问题2、3、4都是编译工具问题引发的,于是尝试重新安装node-sass(先删除项目node_modules文件夹),注意版本要参考自身项目

 npm i node-sass@4.13.1

安装成功后,执行npm install,总算执行成功!!!

1.6、These dependencies were not found:* core-js/modules/es6.array.find in .

启动项目环节,又出现以下问题

根据提示可以看出是core-js依赖下载失败,只需重新下载便可(版本号需根据自身项目项目选择,这里只提供解决思路)

 npm install core-js@2.6.12

安装成功后,启动项目,到这里问题总算都解决,项目启动成功
在这里插入图片描述

2、解决方案

如果是Vue项目,出现以上1.2、1.3、1.4中的问题,可直接重新下载node-sass
,操作流程:

1. 删除项目node_modules目录
2. 删除package-lock.json文件
3. 执行:npm i node-sass@4.13.1(版本号根据自身项目而定)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值