vue报错：[Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance

[Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance

今天自己做一个vue小项目的时候，老是报这个错误，百度之后解释是只能有一个最顶级的父元素，但是我最外层只用了一个div

出现fragment instance有多种情况:

Template contains multiple top-level elements. （模版包涵了多个顶级元素说白了你的模版元素没有唯一一个父元素）
Template contains only plain text.（模版里面只包涵纯文本）
Template contains only another component (which can potentially be a fragment instance itself).（模版只包含另外一个组件，而这个组件本上可以就是一个fragment instance）
Template contains only an element directive, e.g. <partial> or vue-router’s<router-view>.（模版只包含<partial>或者<router-view>组件）
Template root node has a flow-control directive, e.g. v-if or v-for.（模版根节点被v-if活着v-for有个逻辑判断）

时间： 2024-10-31 15:05:00

vue报错：[Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance的相关文章

使用Vue报错 --- "TypeError: fn.bind is not a function"

使用Vue报错[Vue warn]: Error in nextTick: "TypeError: fn.bind is not a function"页面进不去. 解决思路: (1)看报错信息是methods里有个方法你写的并不是一个函数,可能写了个对象什么的,vue进行fn.bind()处理的时候,.bind取到的可能是undefined. (2) 检查一下你methods里面的方法 , 看看data mounted methods 写的是方法还是对象原文地址:https:/

[Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instanc

今天在使用vue框架搭建环境时,遇到这个错误提示: [Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instanc 这个提示的原因是使用 vue-router 和 vue-loader 插件的时候在最外面那个 template 里面,所有内容的外面没有使用一个div包起来. 如果没有使用div或者其他的元素包起来,vue-router 跳

vue报错之Duplicate keys detected: '0'. This may cause an update error.

昨天运行vue项目的时候,出现了[Vue warn]: Duplicate keys detected: '0'. This may cause an update error. 错误,检测到重复的key值.主要是写了两个for循环,我们在使用v-for的时候,都要加上一个必要的key值,然而又将key的值写成一样的了. 可以将其中一个的key修改一下即可. <div class="info1" v-for="(item, index) in itemList"

vue 报错解决：TypeError: Cannot read property '_t' of undefined"

前端报错如下: [Vue warn]: Error in render: "TypeError: Cannot read property '_t' of undefined" 是在项目中用了多语言配置,vue 跟 i18n之间的兼容问题.解决方法如下: Vue.use(iView) 替换成 Vue.use(iView, { i18n: function(path, options) { let value = i18n.t(path, options) if (value !== n

vue报错 Module not found: Error: Cannot resolve 'file' or 'directory'

炸了,我好写sell而组件,直接就用了,我的天哪看你的写了吗,就用: Module not found: Error: Cannot resolve 'file' or 'directory' 页另一种错误,按这种情况我没遇到:http://www.mamicode.com/info-detail-1564042.html vue报错 Module not found: Error: Cannot resolve 'file' or 'directory'

vue报错集锦

1.vue报错: 没安装 less-loader css-loader style-loader 可能的很大原因:没安装less 2.vuex报错:Computed property "xxx" was assigned to but it has no setter 在使用了vuex的情况下,state时导入的state,在页面中不能直接更改state的值,需要在mutation方法中更改,然后在vue组件中commit该方法 3.iview报错:iview出现col栅格提

【Vue报错】Module build failed: Error: No parser and no file path given, couldn't infer a p arser.

在创建一个vue项目启动时报错,报错的内容为: error in ./src/App.vue Module build failed: Error: No parser and no file path given, couldn't infer a p arser. at UndefinedParserError.Wrapper (D:\dyyc\bookstore\[email protected] [email protected]\index.js:1948:14) at new Und

vue 报错：属性undefined（页面成功渲染）

vue 报错:Cannot read property 'instrumentId' of undefined" 相关代码如下: <template> ... <span>{{data.params.instrumentId}}</span> ... </template> <script> export default { data () { return { data: {} }; }, methods: { // 请求接口获得数据

Vue报错 Duplicate keys detected: '1'. This may cause an update error. vue报错

情况一.错误信息展示为关键字‘keys‘,此时应该检查for循环中的key,循环的key值不为唯一性 (很普通) 情况二.有两个相同的for循环,而这两个for循环的key值是一样的,此时将一个的key值加一个数字或者加一个字符串例如 Vue报错 Duplicate keys detected: '1'. This may cause an update error. vue报错原文地址:https://www.cnblogs.com/qiu-Ann/p/11359728.html