[Vue warn]: Cannot find element: #app

最新推荐文章于 2023-10-18 16:36:06 发布
最新推荐文章于 2023-10-18 16:36:06 发布
阅读量2.1k 收藏
点赞数 1
分类专栏： 前端学习 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/my_miuye/article/details/105432054
版权

如图，在使用外部js文件导入时，将导入放在了head中，然后vue报错找不到要挂载上去的#loginhandle元素
在这里插入图片描述

在这里插入图片描述
解决方案：

将导入文件的位置，放到body之后就可以了。
原因似乎是因为放在head，js文件加载时html还没加载，所以vue找不到要挂载的元素

谬了个大也
关注
专栏目录
Cannot find element: #app
黄金蛋的博客
06-28 2885
阅读索引1，根目录`public`，新建`html`2，`webpack.config.js` 使用webpack 搭建 vue，遇到这个问题： Cannot find element: #app 解决办法： 1，根目录public，新建html <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"
vue 动态加载路由时报错Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext
热门推荐
bihaiyanyu的专栏
11-16 2万+
前几天写代码，写着写着，突然报了一个很奇怪的bug： 解决方法如下： 删除项目下面的label.config.js 授人以鱼不如授人以渔，以下是排查过程的思路，及排查过程尝试过的方法： 该错误是点左边菜单树的时候报错，打不开页面，开始以为是修改到了路由相关代码导致的，于是各种检查，没有发现任何异常代码。接下来发现更离谱的事情是打包发到测试环境和线上没这个问题，本地死活不行，把代码回退到之前很老的版本，还是报这个错。 接下来梳理报错前到底我做了哪些操作导致这个错误，由于公司是内外网隔离，内网
vue.js报错 [Vue warn]: Cannot find element: #app
woosido123的博客
07-31 1万+
在做vue.js案列练习时，会出现 [Vue warn]: Cannot find element: #app的错误； 原因是：我把相关的js文件放在head里面，导致文件未加载完成就运行js文件，所以js找不到 #app 。 改正： 把相关js文件放至尾部，保证页面全部渲染完成才加载js，就可以避免这个错误。
Vue.js快速入门实例教程
01-19
什么是vue vue是法语中视图的意思，Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。...否则会报错： [Vue warn]: Cannot find element: #app--> app.js代码： new Vue
vue项目报错
weixin_64948861的博客
02-28 1396
ERROR Error loading E:\daima\vue\vue项目\vue-lokoes\project-v2\vue.config.js: ERROR ReferenceError: ture is not defined ReferenceError: ture is not defined at Object. (E:\daima\vue\vue项目\vue-lokoes\project-v2\vue.config.js:3:15) at Mod
Vue源码解读（七）：模板编译
qq_35500568的博客
09-28 529
在最开始的章节提到过，我们在使用 vue-cli 创建项目的时候，提供了两个版本供我们使用， Runtime Only 版本和 Runtime + Compiler 版本。Runtime Only 版本是不包含编译器的，在项目打包的时候会把模板编译成 render 函数，也叫预编译。Runtime + Compiler 版本包含编译器，可以把编译过程放在运行时做。 入口 这一块代码量比较多，主要是对各种情况做了一些边界处理。这里只关注主流程。对细节感兴趣的伙伴们可以自行去研究。一般我们使用 Runtime
Electron: 如何以 Vue.js, Vuetify 开始应用
GoCoding
06-28 2020
Electron: 使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架 Vue.js: Web 前端用于构建用户界面的渐进式框架 Vuetify: Vue.js 的 Material Design 组件框架 看完以上介绍，也明白了本文要做的事：用 Vue.js 与 Vuetify 组件，基于 Electron 来创建原生桌面应用。 环境准备 Visual Studio Code Node.js Yarn Vue CLI 创建 Vue.js 应用 添加 Vuet.
bundle.js:1350 [Vue warn]: Cannot find element: #app
m0_56063262的博客
01-07 857
bundle.js:1350 [Vue warn]: Cannot find element: #app
vue报错：vue.js:634 [Vue warn]: Cannot find element: #app
淡淡的芦苇的博客
04-09 1万+
编译代码很简单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> <!--<s...
Cannot find element: #App
a662852186的博客
06-10 2726
瞎找了一天都没找到问题所在（问题代码） /* eslint-disable no-new */ new Vue({ el: '#App', router, template: '<App/>', components: { App } }) // new Vue({// 全局构造函数 // el: '#app', // 对象装载的位置...
关于Vue报错（#[Vue warn]: Cannot find element: #App)
最新发布
m0_74076532的博客
10-18 4349
关于找不到挂载元素的问题，一般的都是通常因为在public文件中的html.index没有具有相应id的元素。请确保在你的html.idex文件有一个正确的id=App的元素。找到该文件的这个位置并且确认自己挂载的元素是否正确。总结:Vue实例的挂载点选择器与HTML中的元素要匹配。时味Vue无法找到具有id为"App"的元素来挂载Vue实例。具体见浏览器控制台所示。上述报错是我们在写Vue中会可能遇到的错误，当Vue发出警告。另外还报错的话可以看下自己的Vue库是否引入是正确的。
[vue warn]: cannot find elemen
03-16
t: 如果您在使用Vue时出现了这个警告，它意味着Vue无法找到指定的元素。 这通常是因为您在Vue实例中使用了一个不存在的元素ID或类名。请确保您的模板中的元素ID和类名与Vue实例中的名称匹配。 另外，如果您在使用Vue的动态组件时遇到此警告，请确保您的组件名称正确，并且已经在Vue实例中注册。 最后，如果您使用了Vue的路由功能，请确保您的路由配置正确，并且您正在访问正确的路由路径。 总之，这个警告通常是由于命名错误或配置错误引起的，仔细检查您的代码并进行必要的更正即可解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值