Vue踩坑-组件没显示但没报错，该起作用却不显示

原创 已于 2022-11-01 20:09:47 修改 · 881 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

于 2022-11-01 19:09:43 首次发布

浏览好多找了好久才总结如下办法，不一定都用到：(当时真吐了)

局部组件：

1、组件使用外层需用Vue实例包裹

2、template中的html需用div包裹

 3、注册组件时命名用-分隔

 4、组件名称注册时不可起html的关键字标签

5、局部组件注册名称必须小写

 

全局组件：

命名采用大驼峰式命名

 

小程序和App端国际化报错？uniapp迁移Vue3踩坑记
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
04-21 213
uniappVue3国际化小程序Appi18n我一开始以为是我用法不对，结果查文档才发现，这锅还真不在我，是。
vue-photo-preview踩坑，el-table中一张错误图片导致全部图片无法放大，并且与懒加载v-lazy不兼容
weixin_43951592的博客
04-25 1686
需求：el-table中展示的图片，可以点击放大，并且使用懒加载（偶尔会有404的图片路径） 坑一： 一张404图片会导致全部图片无法放大，用@error解决 坑二： 但是马上发现如果用了vue-lazyload，则一定不会触发@error，改用原生img懒加载属性，如下图所示： 完整代码 <el-table-column label="图片" width="100"> <template v-slot="scoped"&gt
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
10-14
主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在App.vue中引入vue组件，页面上不显示组件也不报错的问题
qq_39655431的博客
04-03 1万+
如图：两个组件在页面上不显示 原因： < template> （将要渲染的HTML）必须是包含在一个标签里面的。 解决： 最外层加个div包起来就行 代码示例： 在App.vue中引入一个组件 App.vue <template> <div> <addition></addition> <p>--------------------</p> </div> </template&g
关于Vue项目不报错但是不显示组件的问题(原因之一)
热门推荐
朽木自雕的博客
08-11 2万+
在解决这个问题之前(不管是不是跟我原因一样)请先安装vue-devtools,安装方法：传送门 首先是项目代码： <template> <div>首页区域</div> </template> <script> </script> <style lang="scss" scoped> </...
【新手错误】VUE文件不报错但是创建的vue页面显示空白
weixin_57035990的博客
03-07 1306
代码对应版本
vue项目页面空白但不报错产生的原因分析
Clover ‘s Blog
03-16 1万+
vue项目页面空白但不报错产生的原因分析
vue3+typescript+ant-design-vue踩坑组件缺少类型报错
最新发布
05-09
嗯，用户在使用Vue3、TypeScript和Ant-Design-Vue时遇到了组件缺少类型定义的报错问题。我需要根据提供的引用内容来找出解决方案。首先，引用[1]中提到，问题可能出在tsconfig.json的exclude配置排除了ant-design-...
swiper和vue-awesome-swiper轮播踩坑记
weixin_50367873的博客
10-21 2498
官方在线demo：https://github.surmon.me/vue-awesome-swiper/ swiper配置中文网：https://www.swiper.com.cn/api/index.html vue-awesome-swiper是基于swiper的封装，由于swiper更新了很多版本，所以我们一定要下载最合适的版本，先看看各版本对比： 每个版本的静态文件目录不一样，所以在项目引入的时候会报错。。。ERROR in ./node_modules/swiper/xxxxxx/swiper
踩坑记19 element-plus 根据视口尺寸隐藏元素 | vue3 v-model props emit 二次封装el组件 | vite import 路径 Vetur报错
Alloom的博客
09-03 1243
2021.9.3 坑61（element-plus、根据视口尺寸隐藏元素）：文档要求引入文件import 'element-plus/lib/theme-chalk/display.css'，其中地址错误，查看包文件结构后，确认地址应该为： import 'element-plus/theme-chalk/display.css'; 地址改变的原因是element-plus更新到1.1.0-beta.1版本的时候的变化。详细见：Breaking changes made in 1.1.0-bet..
vue3设置路由path:“*“警告，但是不报错也没显示功能解决方法
second223的博客
06-16 452
我找了一下网上的其他方法，要把path改成这样。这两个的区别就在于用正则匹配多个或者单个。当然大部分情况第一个就能全给处理了。我们设置重定向一般是这样。
vue qiankun 主应用访问子应用 不显示也不报错
风间琉璃c
01-12 1万+
业务背景：原内管平台中子系统越来越多，项目越来越大，打包发布需要十几分钟，本地运行npm run dev都非常容易因为内存不够导致崩溃（虚拟桌面内存就8G），业务打算将渠道管理平台中的一个子系统独立出来，用qiankun改成微前端架构。 介绍 - qiankunhttps://qiankun.umijs.org/zh/guide 遇到的问题：从主应用访问子应用时，控制台不报错，但是页面显示空白。 之前在测试demo中成功搭建过一次，由于过了两周印象不是很深刻，打算再重新搭建一次demo，主应用和子应用
vue3 component is 不显示
MAIMIHO的博客
11-02 1065
通过名称传递必须先对其进行注册, 将组件本身传递给。而不是其名称，则不需要注册。
Vue3 vite build 之后不显示页面内容，只显示空白，也没有报错如何解决
学习笔记
04-11 1万+
添加 base，意思是 build 之后的外部资源都从当前目录的相对路径获取。我不知道是什么原理哈，反正是管用，之前在没有使用。中关闭这个选项的，所以差不多的事应该。这样在 build 之后就能正常显示了。
Vue---开发过程中，组件引入后页面无渲染(一直找了好久，页面没报错，完全没头绪！)
COCOLI_BK的博客
02-08 1708
事件的起因：在新年的某一天，一个新需求要开发。当我建完分支随便复制了一个通用的页面，路由页面的权限都配置好了，但是页面一直不渲染！整整纠结了半天时间，最后和同事一起去确认排除页面写法问题，最终解决了该次事故！！！前言目前百度搜索啥的，搜到的基本都是因为名称大小写或者起名字语义化问题引起的，对应的解决方案基本就是：修改导入变量名或首字母改为大写！！！但是本人遇到的不是那个问题，很奇葩很难发现的一个错误！内部错误，不显示在页面的报错！
WebStorm下的Vue项目不报错，网页显示空白
qq_53298230的博客
09-24 1412
** WebStorm下的Vue项目不报错，网页显示空白 ** 1.WebStorm下的Vue项目不报错，网页显示空白 查看app.vue里面的语句存不在存在 1.在新创建的Vue项目文件的components下新建Vue，先要确保配置完成。 router文件夹下的index.js填写路径 这个时候打开的就是home.vue 2. ...
vue项目运行不报错，但是页面空白
CLAY_Z的博客
04-17 2845
创建Echarts图时，项目正常运行了，路由没问题。但是页面空白。找了好久错误，终于明白少了个 <router-view/>组件。​​​​。
vue 自定义的组件没有显示，可能是引入名字不对
qq_46940100的博客
03-24 1706
引入组件不显示，百度了许久，一直没有解决问题，这时候要注意看看引入的组件名字是不是出问题了
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weer-wmq

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值