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
等待升级完成，重启项目，完美解决问题

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/402852.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

几种常用的清除浮动方法(一)

几种常用的清除浮动方法(一)

From: https://www.cnblogs.com/nxl0908/p/7245460.html 1、父级div定义伪类&#xff1a;after和zoom <style type"text/css"> .div1{background:#000080;border:1px solid red;}.div2{background:#800080;border:1px solid red;height:100px;margin-top:10px…
阅读更多...
vi and vim 用法

vi and vim 用法

a 在当前光标后面插入字符 i 在当前光标前面插入字符 I 在当前行首插入字符 A 在当前行尾插入字符 o(字母)在当前光标下一行插入字符 O(字母)在当前光标上一行插入字符 b移动光标到当前字符串的第一个字符 B移动光标到当前行的第一个字符(以空格分隔) cc 删除光标所在行并编辑 …
阅读更多...
CentOS 7 yum 安装php5.6

CentOS 7 yum 安装php5.6

配置yum源 追加CentOS 6.5的epel及remi源。 # rpm -Uvh http://ftp.iij.ad.jp/pub/linux/fedora/epel/6/x86_64/epel-release-6-8.noarch.rpm # rpm -Uvh http://rpms.famillecollet.com/enterprise/remi-release-6.rpm以下是CentOS 7.0的源。 # yum install epel-release # rp…
阅读更多...
h5下载静态文件

h5下载静态文件

1.需要将文件放src的下面的static的文件夹内 2.如果下载的是浏览器不能识别的&#xff08;例如&#xff1a;.exe,.zip,.doc等&#xff09;内容&#xff0c;浏览器会直接进行下载&#xff0c;但是如果下载的是浏览器可以识别的&#xff08;例如&#xff1a;.png,.jpg等&#xff…
阅读更多...
浮动的清除 -- 四种方法

浮动的清除 -- 四种方法

From: https://www.cnblogs.com/gchlcc/p/5824200.html 前言 -- 一个父亲不能被自己浮动的儿子&#xff0c;撑出高度。 开胃小菜 来看一个实验&#xff1a;现在有两个div&#xff0c;div身上没有任何属性。每个div中都有li&#xff0c;这些li都是浮动的。我们本以为这些li&a…
阅读更多...
vue引入本地图片不显示；vue引入本地图片；

vue引入本地图片不显示；vue引入本地图片；

data () {return {imgUrl: require(/static/平安团意险.jpg), // 动态引入图片}},
阅读更多...
目录索引

目录索引

〇、接口、泛型、委托、事件 1.泛型和协变逆变2.委托和事件3.c#基础4.c#4.0协变逆变的理解一、linq等数据处理 1.数据查询2.数组3.linq 总结二、并行程序 1.并行性能简单分析三、编码技巧 1.考虑用类型代替参数检查2.c#没有指针导致的性能问题研究一二3.匿名函数递归4.代码设计…
阅读更多...
equals和=，==的区别

equals和=，==的区别

一. 和equals的区别 1. 是运算符 2. equals是String对象的方法 一般有两种类型的比较 1. 基本数据类型的比较 2. 引用对象的比较 1. 基本数据类型的比较 和equals都比较的是值是否相等&#xff0c;相等则为true&#xff0c;否则为false 2. 引用对象的比较 和equals都是比较是栈…
阅读更多...
eq相等，smarty 比较操作符！时间戳

eq相等，smarty 比较操作符！时间戳

2019独角兽企业重金招聘Python工程师标准>>> eq相等&#xff0c; ne、neq不相等&#xff0c; gt大于&#xff0c; lt小于&#xff0c; gte、ge大于等于&#xff0c; lte、le 小于等于&#xff0c; not非&#xff0c; mod求模。 is [not] div by是否能被某数整除&am…
阅读更多...
阅读笔记四

阅读笔记四

学以致用 战国末期的思想家荀子曾经说过&#xff1a;“知之而不行&#xff0c;虽敦必困”。看到这句话&#xff0c;我想大家都知道它的意思&#xff0c;懂得许多道理却不付诸实践&#xff0c;虽然知识很丰厚&#xff0c;也必将遇到困厄。 没错&#xff0c;在这半个多月当中&…
阅读更多...
推荐！！！【大杂烩】url、file、blob、base64互相转换

推荐！！！【大杂烩】url、file、blob、base64互相转换

url地址或file文件获取base64 base64转blob blob或file转url&#xff1a; 使用URL.createObjectURL()方法读取出url js读取图片不同信息流
阅读更多...
html页面通过特殊链接：打电话，发短信，发邮件详细教程

html页面通过特殊链接：打电话，发短信，发邮件详细教程

From: http://www.cnblogs.com/liuhongfeng/p/4976599.html 采用url href链接的方式&#xff0c;实现在Safari ios&#xff0c;Android 浏览器&#xff0c;webos浏览器&#xff0c;塞班浏览器&#xff0c;IE&#xff0c;Operamini等主流浏览器&#xff0c;进行拨打电话功能。…
阅读更多...
Photoshop切图学习

Photoshop切图学习

前端开发中&#xff0c;之前都是Designer给我们切好图&#xff0c;给出readline&#xff0c;所以我们前端工程师基本不自己动手切图&#xff0c;现在换了新的公司&#xff0c;需要我们自己手动切一些图。Designer制作好的psd的图片如下&#xff1a; 自己想达到以下要求&#xf…
阅读更多...
【vant】van-list的滚动加载onload事件

【vant】van-list的滚动加载onload事件

1.van-list的滚动加载onload事件&#xff1a;onload莫名执行多次或者一直加载到所有数据。 2.官方说了&#xff0c;不能使用float和overflow。包括父级元素和html和body都不要用这些触发BFC的属性 3.滑动到底部会触发该事件&#xff08;一定要注意父级标签&#xff0c;甚至 htm…
阅读更多...
C#操作XmlDocument对象 报缺少根节点 一一道来

C#操作XmlDocument对象 报缺少根节点 一一道来

C# 操作XmlDocument文档 1.第一步选择文件目录string FileNamestring.Empty;SaveFileDialog sfdnew SaveFileDialog();if(sfd.ShowDialog() DialogResult.OK){ FileName sfd.FileName; }FileStream fs;//判断文件是否存在if(!File.Exists(FileName)){ fs File.Create(…
阅读更多...
微信小程序开发demo-地图定位

微信小程序开发demo-地图定位

要求要完成的功能&#xff1a; 1.要完成的要点是城市定位。 2.就是切换城市。 首页我们先参照微信小程序开放的官方文档找到&#xff1a; 在这里我们可以找到”当前位置经纬度“ getLocation: function (){var that this wx.getLocation({success: function (res) {console.lo…
阅读更多...
移动端H5下载后端文件

移动端H5下载后端文件

首先是手机H5移动端上&#xff0c;针对能直接打开的文件例如pdf等&#xff0c;下载是直接打开预览了。如果要真正保存到手机里&#xff0c;需要点击右上角三个点去那里面选择保存。对于非预览文件会直接下载。 而在有些浏览器里&#xff0c;是可以直接下载出文件的。感觉这个与…
阅读更多...
[CSS] 眼下最流行的五大CSS框架，你都知道么？

[CSS] 眼下最流行的五大CSS框架，你都知道么？

From: http://developer.51cto.com/art/201710/555733.htm 如今&#xff0c;CSS框架越来越受欢迎&#xff0c;可以说已经应用到每一个网站上了。作为开发工具&#xff0c;CSS框架一直处于不断进化和改进的状态&#xff0c;因此我们强烈建议您关注眼下的趋势。这篇文章会带您了…
阅读更多...
centos5.8上安装git server

centos5.8上安装git server

Git 可以使用四种主要的协议来传输数据&#xff1a;SSH 协议&#xff0c;Git 协议和 HTTP 协议。下面将一一介绍如何在服务端和客户端搭建和使用git的这些协议。 基础环境&#xff1a; git server:172.16.29.24 centos5.8 git client:172.16.29.25 centos5.8 首先需要在两在机…
阅读更多...
实验五——循环结构学习总结

实验五——循环结构学习总结

1.本次课学习到的知识点&#xff1a; &#xff08;1&#xff09;循环结构四要素&#xff1a;循环初始化&#xff0c;循环条件&#xff0c;循环体&#xff0c;循环变量修改 &#xff08;2&#xff09;循环语句包括&#xff1a;while语句、do-while语句、for语句、break语句 cont…
阅读更多...
最新文章

Copyright @ 2022~2023