Vue #app not find

最新推荐文章于 2024-04-24 18:25:51 发布
原创 最新推荐文章于 2024-04-24 18:25:51 发布 · 851 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在将Vue从单页面应用(SPA)转换为多页面应用的过程中，遇到#app元素未找到的问题。原因是JS文件在DOM渲染前未能加载完成，导致无法定位到#app容器节点。本文详细解释了这一常见问题及其解决办法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近将Vue从单页面应用（SPA）改造成多页面多路由应用时碰到了个问题，很经典。

Q：Vue #app not find(大概是说没有找到id=“app”的元素)

S：找了很久，发现是因为我在head标签里引入了某个页面的index.js，导致js还没引入完成，dom就渲染完成了，所以找不到dom容器节点#app

附图如下：

Vue常见报错和解决方法Cannot find module ‘./views[Vue warn]: Property or method “xxx“ is not defin[Vue warn]:
王大师企业官方博客
02-21 2513
学习教程（传送门）本人详解作者：王文峰，参加过 优快云 2020年度博客之星，《Java王大师王天师》公众号：JAVA开发王大师，专注于天道酬勤的 Java 开发问题中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！
查找Vue中下标的操作(some和findindex)
10-14
主要介绍了查找Vue中下标的操作(some和findindex)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue报错：[Vue warn]: Cannot find element: #app
qq_45791192的博客
06-30 2976
错误现象： 一开始我一直以为是我引用的vue.js文件有问题，换了好几个，都是一样的错。 原来是手写的vue.js要在最后引入 **因为要先有id为vue-app的div,vue才能获取相应的元素。**又加上浏览器解析js代码是从上往下的。 所以：调整了一下引用 ...
vue的el:“#app“
weixin_44671184的博客
03-22 2970
const app = new Vue({ el: '#app', // render: h => h(App), router }) // .$mount('#app') el: '#app', .$mount('#app') 两种写法都可以
Vue3源码学习笔记—— Vue.createApp(App) 和 app.mount(“#app“)（一）
weixin_53335381的博客
08-10 2975
本篇文章为 Vue.createApp(App) 和 app.mount("#app") 的阅读准备。
vue报错 No app record id found for instance
weixin_46188510的博客
04-21 1762
问题: 最近不知道为什么项目突然开始大面积报错 "No app record id found for instance", 还以为是代码问题f**k, 后来发现是devtools工具的问题. ![在这里插入图片描述](https://img-blog.csdnimg.cn/551497912d4048d48c0b36708ccbaf65.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pm05aSp
创建vue3+uniapp项目
weixin_43963309的博客
12-15 4738
使用vue cli创建uniapp项目 官网创建方法 根据uniapp官方文档所写，使用如下方法创建： # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 但是在创建的过程中，git报以下错误： $ npx degit dcl
VUE3开发遇到的“TypeScript error TS7016: Could not find a declaration file for module ‘./**.vue‘”问题
最新发布
Humbunklung的专栏
04-24 3073
error TS7016: Could not find a declaration file for module 翻阅了网上的一些资料，发现可以通过修改tsconfig.json来解决该问题。模块，通过修改对比，我发现，可以通过在tsconfig.app.json中加入以下内容解决这个问题（那么我们可以通过修改这两个文件的编译选项，解决该生成错误。本次开发中报错的是我自己写的一个。修改后重新执行npm run build，成功生成（事实上带错误的生成也可以正确运行）。
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
01-08
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情  但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了...
Could not find a declaration file for module './App.vue'.
04-25
这个问题主要是因为缺少类型声明文件，你可以考虑安装 "@types/webpack-env"、"@types/node" 、 "@vue/cli-plugin-typescript"这些依赖进行解决。另外，你需要确认你的 tsconfig.json 文件中是否正确配置了 ...
mpvue 找不到文件入口app.json
kirito_pio的博客
11-15 510
问题描述： 根据mpvue官网上的教程npm install  、npm run dev 后，调试器中显示“找不到文件入口app.json”之类的报错。 解决办法：在project.config.json里找到"miniprogramRoot": "dist/"， 改为"miniprogramRoot": "dist/wx"就可以了（在我编译的文件里，app.json 在dist/wx的文件下）...
Vue3源码学习笔记—— Vue.createApp(App) 和 app.mount(“#app“)（三）
weixin_53335381的博客
08-10 7423
本篇文章对 app.mount("#app") 实现流程进行了详细分析，以该系列（一）中的 demo 为例。
VUE的学习
qq_46086519的博客
08-31 257
el命中的内部可以使用{{ message }}进行渲染默认为id选择器：#app类选择器：.appel：“div” 不能用html或者body作为挂在元素渲染对象的时候数组可以用. 数组可以用索引v-text指令和v-htmlv-text：更新替换标签内容，文本；v-html更新替换标签内容，html v-html如果data对象中有html语法结构，然后就可以通过v-html进行解析运行结果：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-COdazOee-166193
VUE 入门及应用 ( 一 ) 基本语法
yuanchun的知识整理
09-18 887
VUE 入门及应用 ( 一 ) 基本语法 扩展功能
el: ‘#app‘
https://github.com/Mac-Zhu
05-23 2841
<div id="app"> <ul> <li v-for="value in object"> {{ value }} </li> </ul> </div> <script> new Vue({ el: '#app', data: { object: { name: '从入门到大师', url: 'http://www.runoob.com', .
qt_plugin_instance: identifier not found 解决办法
weixin_30621711的博客
03-14 222
configure -debug-and-release -platform win32-msvc2008 -static -no-qt3support -qt-libpng -qt-libjpeq -qt-libmng -qt-libtiff -qt-zlib -qt-sql-mysql -openssl-linked -l D:\OpenSSL\inc32 -L d:\OpenSSL\o...
【前端】Vue入门
qq_45888932的博客
04-28 2163
目前记录Vue的常用指令和一个小案例-选项卡
vue中的find()函数的用法与扩展用法
热门推荐
weixin_44281416的博客
10-27 3万+
find函数基本格式：let obj=this.list.find(item=>item.code===val) 首先在这里我们要知道的两个基础知识 一、find是一个查找函数。 二、箭头函数find(item=>item.code===val)相当于find(item){item.code===val} 其中list是数组，this.list.find()是指在list数组中找某样东西，item是find()函数的寻找某样东西的根据，也可以说是id或者是主键。后面item.code===val
vue-find()
可达鸭的博客
03-19 2647
Find用来遍历查找数组元素，当找到符合条件的元素时，直接返回。 所以Find元素只会返回符合条件的第一个元素。 navigationList:['大学1','大学2','大学3','大学4','大学5'] let newArr=[] newArr =this.navigationList.find(item=>item=='大学2') console.log(newArr) ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

hzxOnlineOk

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

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

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

打赏作者

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

抵扣说明：

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

余额充值