Vue 出现Syntax Error:TypeError: Cannot read property ‘vue‘ of undefined的一种解决办法

出现如下情况

Vue 出现Syntax Error:TypeError: Cannot read property ‘vue‘ of undefined的一种解决办法_第1张图片背景:首次克隆运行项目

技术背景:项目使用的前端框架和UI框架 :vue2+element-ui

然后npm install 安装依赖,得到node_modules包和package-lock.json文件,然后npm run dev启动报错。

排查原因:

首先看了package.json 文件的node版本和npm版本支持

当前的我的node和npm版本用的是:下图,不存在问题。

 

其次也换了其他版本就行安装,总是报同样的错误。最后想到是报错“vue” of undefined,检查vue是否安装,检查已安装,其次想到了我们的package.json文件内的dependencies和devDependencies内大部分依赖是用的“^”,是大于等于的意思,包依赖会跟着升级,可能是这原因造成的。

 解决办法:1.找到package.json 文件中某些升级的造成不能启动的包的版本进行降级,带来的可能是一连串影响,不推荐,且找起来非常麻烦。2,最好的解决办法就是把node_modules包和package-lock.json文件删掉,然后找旧的能启动起来的package-lock.json复制进来(可以是找同事要,记得自己备份一下旧的,以防后续因为升级带来的问题,也可以看项目的远程仓库有无package-lock.json),然后再执行npm install(可以使用淘宝镜像,速度快

npm install --registry=https://registry.npm.taobao.org

)。然后执行npm run dev

即可启动成功。

以上就是解决新项目因为依赖包升级,启动不起来,自己的一个解决办法,分享一下。

 

 

你可能感兴趣的:(vue.js,javascript,前端)