1、报错:vue.esm.js?efeb:591 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

解答: 在循环中使用错误的key了,比如:

<el-menu-item :index="item.index" :key="item">
<i :class="item.icon"></i>{{ item.title }}
</el-menu-item>

改为:

<el-menu-item :index="item.index" :key="item.index">
<i :class="item.icon"></i>{{ item.title }}
</el-menu-item>

ps:for循环中的:key必须是一个string或者number

2、报错:[Element Migrating][ElMenu][Attribute]: theme is removed.

<el-menu :default-active="onRoutes" class="el-menu-vertical-demo" theme="dark" unique-opened router>

解答:由于新的Element UI版本去掉和替换了一些属性,去掉报错的属性即可

<el-menu :default-active="onRoutes" class="el-menu-vertical-demo" unique-opened router>

3、报错:Uncaught TypeError: Cannot read property 'push' of undefined

exitFn: () => {
localStorage.removeItem("token");
this.$router.push({path: '/'});
}

修改为:

exitFn(){
localStorage.removeItem("token");
this.$router.push({path: '/'});
}

解答:方法内的this指向问题,修改this指向问题即可

4、 img的src属性绑定url变量,但是图片加载失败

<img src="{{imgUrl}}"/>

解答:对于img标签的src属性值,需要使用v-bind:来绑定

<img v-bind:src="imgUrl"/>

5、报错:TypeError: Cannot read property '$el' of undefined   [Vue warn]: Error in mounted hook: "TypeError: Cannot read property '$el' of undefined"

<el-table
:data="tableData"
style="width: 100%"
:height="tableHeight"
:default-sort = "{prop: 'date', order: 'descending'}"
>
</el-table>

js部分:

mounted:function(){
this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 50;
}

解答:在标签中增加ref属性即可

<el-table
:data="tableData"
style="width: 100%"
:height="tableHeight"
ref="table"
:default-sort = "{prop: 'date', order: 'descending'}"
>
</el-table>

6、报错:This relative module was not found:

解答:引用的文件路径不对,修正即可。

7、报错: Uncaught (in promise) {data: {…}, status: 200, statusText: "OK", headers: {…}, config: {…}, …}

axios({
method:'get',
url: 'https://api.github.com/users/用户名',
params: {}
})
.then((response) => {
resolve(response);
})

解答:通过axios的http请求需要加上.catch(),完整形式 axios().then().catch()

axios({
method:'get',
url: 'https://api.github.com/users/用户名',
params: {}
})
.then((response) => {
resolve(response);
})
.catch(function (error) {
console.log(error);
});

vue项目错误集的更多相关文章

  1. 花生壳内网穿透vue项目错误

    原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问. 解决:webpack.dev.conf.js添加配置 disab ...

  2. vue中npm run dev运行项目不能自动打开浏览器! 以及 webstorm跑vue项目jshint一直提示错误问题的解决方法!

    vue中npm run dev运行项目不能自动打开浏览器!以及 webstorm跑vue项目jshint一直提示错误问题的解决方法! 1.上个项目结束就很久没有使用vue了,最近打算用vue搭建自己的 ...

  3. Vue项目开发之打包后背景图片路径错误的坑

    在开发vue项目的过程中,使用浏览器进行预览的时候所有图片的路径是没有任何问题的,但是在打包后传到服务器上,在微信端查看背景图片时,background的图片竟然不显示,img标签里的图片却是正常展示 ...

  4. 解决未安装unit测试和jest的Vue项目运行karma start时的错误

    一.起因 在#单元测试#以karma+mocha+chai 为测试框架的Vue webpack项目(一)文中,说明了是对已有的Vue项目进行测试框架的搭建,并进行测试.但是此项目在利用 vue-cli ...

  5. 超全的 Vue 开源项目合集,签收一下

    超全的 Vue 开源项目合集,签收一下 xiaoge2016 前端开发 1周前 作者:xiaoge2016 链接: https://my.oschina.net/u/3018050/blog/2049 ...

  6. 从github下载的vue项目启动宝Cannot Get错误

    从github下载的vue项目启动宝Cannot Get错误,网上参考出现该错误来源很多,这里先总结遇到的第一个解决方法. 参考地址: https://www.cnblogs.com/anns/p/7 ...

  7. Vue项目打包后背景图片路径错误

    vue项目打包之后背景图片出错的解决方案如下: 1,找到 config->index.js里面,如下修改 默认配置: env: require('./prod.env'), index: pat ...

  8. vue项目中net::ERR_CONNECTION_TIMED_OUT错误

    我出错的原因时network地址与我本机ip地址不一致 Network: http://192.168.13.30:8080/ 处理方法: 在vue项目中新建一个vue.config.js文件 配置上 ...

  9. Vs Code在Vue项目中v-for指令提示错误的解决办法

    最近在做一个Vue项目,在其中用到v-for指令时,发现Vs Code报错,如下图(代码是没有任何问题的),在网上找了一下解决办法,希望能帮助到更多人. 解决方法: 打开    文件-首选项-设置 将 ...

随机推荐

  1. 树莓派打造对话机器人 Python(转)

    工具列表 1. **树莓派**(型号不要求,本人使用的是3B) 2. **usb麦克风**(某宝有卖,我就不打广告了) 用来录音 3. **音响或者喇叭**(某宝也有卖) 用来播放 以上就是需要的工具 ...

  2. HTTP协议—常见的HTTP响应状态码解析

    常见的HTTP响应状态码解析 1XX Informational(信息性状态码) 2XX Success(成功状态码) 3XX Redirection(重定向状态码) 4XX Client Error ...

  3. python之json模块的基本使用

    json模块的作用:将字符串和字典相互转换 json和eval的区别: eval函数不能识别null转换成None json可以将null转换成python可以识别的None json序列化和反序列化 ...

  4. 缩略图悬浮效果的jQuery焦点图

    在线演示 本地下载

  5. blast+简介

    blast+有三大工具类型: 功能 search database filter 命令 blastn, blastp, blastx, tblastx, tblastn, psiblast, rpsb ...

  6. Java Hibernate 5.3.x

    SchemeExport Hibernate根据实体类和实体类映射文件自动生成表结构. 示例代码: <?xml version='1.0' encoding='utf-8'?> <! ...

  7. idea ource 1.5 中不支持 switch 中存在字符串

    报错内容如下: Error:(49, 20) java: -source 1.5 中不支持 switch 中存在字符串, (请使用 -source 7 或更高版本以允许 switch 中存在字符串) ...

  8. win10打不开菜单且点击通知栏无反应的解决方法

    1.在键盘上按下win+R键,或在开始菜单图标上点击右键选择"运行" 2.输入powershell,按下“确定”运行 3.在窗口里输入或复制粘贴以下命令,注意只有一行: Get-A ...

  9. java 监控命令

    jps 查找java所有进程及对应pid -v 列出启动参数 有些默认的参数,使用-v是看不到的,需要执行如下: jcmd pid VM.flags jstack pid 查看该进程的堆栈信息 找到进 ...

  10. iOS Font

    1. 非常棒的查看字体样貌网站: http://iosfonts.com 1. 查看设备支持字体: NSArray *familyNames = [NSMutableArray arrayWithAr ...