vue -- 报错

1、Cannot use v-for on stateful component root element because it renders multiple elements.

报错信息:

这里写图片描述
代码如下:

代码如下

错误原因/解决方法:

v-for不能用于根元素(root element)。因为v-for是个循环,它返回更多的元素。导致无法渲染。
应该加一个父元素
这里写图片描述

2、Failed to resolve filter:

在写全局过滤器时遇到的错误

报错信息:

代码如下:

这里写图片描述

错误原因/解决方法:

这里写图片描述

3、Cannot read property ‘protocol’ of undefined

报错信息:

这里写图片描述

代码如下:

这里写图片描述

错误原因/解决方法:

安装vue自带插件的时候,可以直接在 main.js 中引入并使用 Vue.use()来注册,但是 axios并不是vue插件,所以不能 使用Vue.use(),所以只能在每个需要发送请求的组件中即时引入。

为了解决这个问题,我们在引入 axios 之后,通过修改原型链,来使用。

4、Unexpected token import

报错信息:
Vue中使用import时引入外部js时,出现“Unexpected token import”

错误原因/解决方法:
浏览器不支持 import ,使用babel转码

5、Component template requires a root element, rather than just text.

报错信息:
这里写图片描述
代码如下:
这里写图片描述
错误原因/解决方法:
没有把内容放到标签内
这里写图片描述

6、- Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

组件模板应该包含一个根元素。如果你在多个元素上使用v-If,那么使用v-else-If来将它们串起来。
报错信息:
这里写图片描述
代码如下:
这里写图片描述
错误原因/解决方法:
一个模板里面只能有一个根元素template下一层
这里写图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值