vue项目启动成功浏览器不显示

场景：vue项目启动成功，无任何报错，但是浏览器却一直加载，页面始终是空白。
如果你的项目用到了element-ui的标签页组件el-tabs组件，那么大概率是此组件引起的浏览器卡死问题。
可以现将el-tabs的代码注释掉，在启动项目如果能启动成功打开页面，那就是el-tabs问题。

首先找到package.json，将以下vue版本修改为2.6.0，element-ui版本修改为2.13.2,vue-template-compiler修改为2.6.0：
“element-ui”: “2.13.2”
“vue”: “2.6.0”
“vue-template-compiler”: “2.6.0”
然后，npm i
等待升级完成，重启项目，完美解决问题

vue项目启动成功浏览器不显示相关推荐

Vue项目启动成功，但是在浏览器访问缺异常，提示“网页无法正常运作‘“
近期在项目开发中,在调整登录认证模块,发现项目启动成功,本地也正常打开,但是发布服务的时候,发现网页无法正常打开,并提示"该网页无法正常运作",如图1.1 图1.1 在确保其他代码 ...
解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题
解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题 1.在csdn中找到了一下解决方案,但与本项目略有不同 vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空 ...
vue 项目打包后浏览器 F12 在source 下不显示 webpack 包
vue 项目打包后浏览器 F12 在source 下不显示 webpack 包,度娘上好多说的是在 vue.config.js 配置 productionSourceMap: false 即可,然 ...
关于pm2项目启动成功，但pm2 list又显示errored的问题
关于pm2项目启动成功,但pm2 list又显示errored的问题首先先判断入口js文件app.js在node上是否能正确运行,确定是否缺少依赖.如若缺少则安装对应的依赖再进行pm2管理. 如若n ...
windows下vue项目启动步骤
原创,转载请标注引用地址,谢谢~ 前后端分离项目,要做前后端联动测试,没整过前端用vue, nodejs和webpack的开发管理方式.来回折腾终于把已经建好的vue项目启动起来,做个笔记记录下步骤备 ...
Vue项目在ie浏览器打不开的解决办法
Vue项目兼容IE浏览器解决方法: 安装babel-polyfill npm install babel-polyfill --save-dev 或者 cnpm install babel-pol ...
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误
目录一.关于 sockjs-client 依赖包二.关于 highlight 依赖包三.关于 swiper 依赖包四.IE 不支持 ES6 语法五.第三方插件引入导致六.本地环境正常,生产 ...
Vue项目启动报错解决
Vue项目启动报错解决一.切换镜像切换为淘宝镜像:npm config set registry https://registry.npm.taobao.org 检测镜像是否切换成功:npm co ...
Vue进阶（幺陆叁）：vue项目启动后自动打开页面并设置默认浏览器
文章目录一.修改默认浏览器二.vue 项目启动自动打开页面三.拓展阅读以windows 系统为例,操作方法如下: 一.修改默认浏览器设置谷歌浏览器为默认浏览器. 1.首先打开"开始 ...

vue项目启动成功浏览器不显示

vue项目启动成功浏览器不显示相关推荐

最新文章

热门文章