有关vue报错:[Vue warn]: Cannot find element: #app

本文记录了一位Vue初学者在跟随教学视频实践时遇到的DOM加载问题。问题出现在尝试渲染数据时,由于JS文件加载时机不当,导致DOM元素尚未加载完成。解决方案是将JS文件的引用移至body标签的底部。

学习vue几天,在跟着教学视频做一个较完整的实例,结果刚开始渲染数据就出错,参数其他解决,记录一下vue踩坑记录1:

原因:
代码执行顺序是从上往下,js文件在body标签开头,此时new vue()对象的时候,dom 对象 el还没有加载出来

解决办法:
把引入的js文件放在的末尾

注:
引入文件用src , 在用到rel的时候是不显示数据,rel只是引入渲染样式,引入css文件可以用rel

14:33:27.928 [HMR] Waiting for update signal from WDS... 14:33:27.991 \n %c uView V2.0.38 %c https://uviewui.com/ \n\n color: #ffffff; background: #3c9cff; padding:5px 0; border-radius: 5px; 14:33:28.067 Download the Vue Devtools extension for a better development experience:\nhttps://github.com/vuejs/vue-devtools 14:33:28.598 Cannot find module '@/uview-ui/components/u-parse/u-parse.vue' 14:33:29.091 1. 排查组件名称拼写是否正确 14:33:29.619 2. 排查组件是否符合 easycom 规范,文档:https://uniapp.dcloud.net.cn/collocation/pages?id=easycom 14:33:30.132 3. 若组件不符合 easycom 规范,需手动引入,并在 components 中注册该组件 14:33:30.133 [Vue warn]: Unknown custom element: <u-parse> - did you register the component correctly? For recursive components, make sure to provide the "name" option.\n\nfound in\n\n---> at pages/activity/registration.vue 14:35:55.728 正在差量编译... 14:35:56.581 WARNING: Module not found: Error: Can't resolve '@/uview-ui/components/u-parse/u-parse.vue' in 'D:\01.网站项目\33匹克球\RuoYi-App-master\pages\activity' 14:35:56.581 项目 RuoYi-App-master 编译成功。 14:35:57.151 [HMR] Waiting for update signal from WDS... 14:35:57.158 \n %c uView V2.0.38 %c https://uviewui.com/ \n\n color: #ffffff; background: #3c9cff; padding:5px 0; border-radius: 5px; 14:35:57.173 Download the Vue Devtools extension for a better development experience:\nhttps://github.com/vuejs/vue-devtools 14:35:57.923 Cannot find module '@/uview-ui/components/u-parse/u-parse.vue' 14:35:58.459 1. 排查组件名称拼写是否正确 14:35:58.931 2. 排查组件是否符合 easycom 规范,文档:https://uniapp.dcloud.net.cn/collocation/pages?id=easycom 14:35:59.473 3. 若组件不符合 easycom 规范,需手动引入,并在 components 中注册该组件 14:35:59.474 [Vue warn]: Unknown custom element: <u-parse> - did you register the component correctly? For recursive components, make sure to provide the "name" option.\n\nfound in\n\n---> at pages/activity/registration.vue
最新发布
09-11
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值