vue报错1：单个vue组件引入无错误，同时引入两个vue组件就会报错

最新推荐文章于 2025-05-22 15:17:25 发布
原创 最新推荐文章于 2025-05-22 15:17:25 发布 · 2.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #vue.js #vue.js新手错误

报错背景：
单个vue组件引入无错误，同时引入两个vue组件就会报错。错误为图1
单个vue组件引入无错误，同时引入两个vue组件就会报错
图1
错误文件代码：为图2
单个vue组件引入无错误，同时引入两个vue组件就会报错
测试：
我测试单个引入一个组件。两个组件单独引入都为成功。

解决结果：
在两组件加一层div，让他们属于第二级别。这样就不会出错。代码如图3
单个vue组件引入无错误，同时引入两个vue组件就会报错
最终结果
在这里插入图片描述

vue-storybook：自定义Vue单个文件组件的块
02-06
故事书 Vue单个文件组件的自定义块，... Webpack加载器+帮助程序脚本，可让您使用自定义的块修饰已存在的Vue单个文件组件（SFC），该块会自动翻译成风格的故事。 你好世界的例子 回购： : < my-button : disabled
vue-popper：基于VueJS popover组件的popper.js
02-06
vue-popperjs 基于 popover组件 例 安装 CDN 推荐： : ，它将在发布到npm时立即反映最新版本。 您也可以在浏览npm软件包的源代码。 NPM npm install vue-popperjs --save 纱 yarn add vue-popperjs 凉亭 bower ...
记一次因为在html两个地方引入vue.js导致组件注入失败的问题
WenZhengshi的博客
07-29 281
这个问题我遇到两次了，是在恼火，不对，三次了，我如果不做这个笔记，我确定我还会遇到第三次。遇到这种bu g好恼火，解决了又怎么样呢？重蹈覆辙的滋味不好受。
vue打包后样式文件引用加载顺序错误，导致样式错乱
希望能找到你的答案
09-21 1万+
项目开发环境下，运行应用程序样式正常，但是通过npm run build打包后，放到服务器上，再次访问，就会出现css错乱，自定义的css文件被其它组件的样式给覆盖了，比如引用了iview.css样式，就会被此文件覆盖。 解决方案： import Vue from 'vue'; import 'iview/dist/styles/iview.css'; import App from './...
Vue2 项目报错问题收录（持续更新...）
最新发布
i_Satan的博客
05-22 350
引入组件报错引入组件报错。
VUE多个组件引用同一个组件时导致的组件白屏问题
qq_39927006的博客
06-21 968
问题原因：在一个比较复杂的页面中，多个组件对同一个子组件进行引用的时候，有些组件在打开组件的时候出现了白屏的问题 这种情况，并且提示报错 这时候我们很容易被引导去检查引用组件的名称是否写错，但是这个不是根本原因 原因分析：是因为在一个界面中循环的对同一个组件进行调用，使用 import RoomAddComponent from “组件路径”; //新增房屋 这种方式进行调用的时候，vue无法识别可以将被多个组件引用到的子组件方式改为...
加载多个Vue版本导致的bug
weixin_30652271的博客
04-02 318
团队自己开发的一个UI基础库依赖于Vue^2.5.16, 开发业务项目的时候由于Vue已经更新到2.6.10了，业务项目里面的Vue依赖是~2.5.16,所以导致安装项目依赖时，UI基础库安装了2.6.10版本，项目库安装了2.5.21版本，这样在运行时加载了两个版本的Vuejs库。updateChildComponent这个函数会在给实例的$attrs和$listener属性赋值，处理...
vue从一个页面引入另一个页面
热门推荐
qq_41377857的博客
11-12 4万+
1.先写好一个demo页面 demo.vue &lt;template&gt; &lt;div&gt; &lt;h1&gt;11111&lt;/h1&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; export default {} &lt;/script&gt; &lt;style
vue单个组件实现无限层级多选菜单功能
08-27
Vue 单个组件实现无限层级多选菜单功能 在 Vue 框架中，实现无限层级多选菜单功能是一个常见的需求。下面我们将介绍如何使用 Vue 单个组件实现这个功能。 首先，让我们了解一下无限层级多选菜单的需求。无限层级...
vue-webpack:带有webpack的vue单个文件组件的样板
05-10
样板板从带有作用域css的Vue单个文件组件开始。 它使用具有热重载功能的webpack-dev-server来服务静态和动态资产。 安装 git clone https://github.com/dushyant89/vue-webpack.git && cd vue-webpack/ npm ...
Vue3+TS：实现小红书瀑布流虚拟列表组件.zip
04-03
在本文中，我们将深入探讨如何使用Vue3和TypeScript实现小红书风格的瀑布流虚拟列表组件。Vue3是Vue.js框架的最新版本，它带来了许多改进和优化，包括Composition API、更好的性能以及对TypeScript的原生支持。...
vue官网学习遇到的组件注册不正确问题
归零
12-15 1934
在学习vue时没有深入理解vue，所以在写代码时遇到了一个低级的错误，其错误信息报错如下： 以上报错的意思是： todo-test组件没有注册正确 HTML代码： css代码： 解决的方法： 更改vue实例化和组件注册的顺序即可解决 这里的主要问题时对于组件的注册顺序没有考虑好，应该先完成组件的注册后再实例化vue对象 ...
Vue父组件主动获取子组件的值和方法
冯岳松的博客
10-28 4199
在父组件使用子组件的代码中，为子组件加上ref="name(自己设置一个名称)" 然后在代码中： this.$refs.name(你设置的名字).data this.$refs.name(你设置的名字).method() 注意：如果父组件以循环的方式生成子组件，如： <component ref="getParameters" v-for="(item, index) in layers" :is="item.name"
vue开发的项目中遇到的警告，报错，配置项目文件等合集（长期更新）
weixin_33796205的博客
04-22 907
1. Vue组件里面data()里面没有return时触发错误：Vue components Cannot read property '__ob__' of undefined 这个警告不解决会触发错误： 2. Vue项目开启局域网访问 有的项目比如移动端需要在手机上调试，这个时候需要用局域网开启在手机上查看。 解决方法：在配置文件加 --host 0.0.0.0 或者： ...
如何在另一个vue文件调用另一vue文件的方法
m0_73701465的博客
01-14 1817
然后在AddGood.vue里可以这样调用，比如我们需要在这个方法执行之后去调用getGoodData()方法，我们就只需要改变对象isReloadGood的值，当它为true时，就去调用它。比如有两个vue文件LoadGood.vue和AddGood.vue两个文件，现在我们要在AddGood.vue文件中去使用LoadGood,vue里的一个方法。我们需要在AddGood.vue里去调用它，那么我们就只需要定义一个对象，然后用watch去监听改变该对象的值来触发该方法。
vue页面存在两个相同元素设置失效问题
FighterLiu的专栏
05-21 808
项目场景： 在项目中有这样一个需求，在一个页面中会展示审核通过数据和待审核的数据。通过Tabs标签页进行数据切换，列表中都有复选框，需要在待审核的数据中禁用某些复选框。 问题描述 在代码中复选框通过设置列的 type=“selection”，在通过selectable方法把数据为2016-05-02的复选框设置为不可勾选，具体代码如下： <template> <el-tabs v-model="activeName"> <el-tab-pane label="审核
Vue多个父组件引用同一个子组件，子组件的$parent指向问题
m0_73095627的博客
10-16 2078
Vue多个父组件引用同一个子组件，子组件的$parent指向问题
vue 解决循环引用组件报错的问题
weixin_33756418的博客
09-21 1611
问题由来 最近在做项目的时候遇到使用循环组件，因为模式一样，只有数据不一样。按照普通组件调用格式来做的时候总是报错，错误信息为[Vue warn]: Unknown custom element: <selfile> - did you register the component correctly? For recursi...
Vue项目中组件相互引用，组件不能正常注册，控制台警告处理
BrightLD的博客
09-22 740
在.vue 文件初始化时，引用关系已经形成,所以在B引用C的时候，我们采用异步组件，这样在B用到C组件的时候再去加载C组件就不会出现上面的问题了。Vue项目中在控制台遇见下面的这种报错，组件没有正常注册，排查代码发现组件也都正常导入、注册、使用了。A组件引用了B组件，B组件引用了C组件，C组件内部又引用了A组件，存在着相互引用。按照报错问题上面的文件引用关系，逐级排查发现存在着件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值