关于Vue报错（#[Vue warn]: Cannot find element: #App)

最新推荐文章于 2024-07-15 16:28:45 发布
最新推荐文章于 2024-07-15 16:28:45 发布
阅读量3k 收藏
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74076532/article/details/133908863
版权

上述报错是我们在写Vue中会可能遇到的错误，当Vue发出警告Cannot find element: #App时味Vue无法找到具有id为"App"的元素来挂载Vue实例。具体见浏览器控制台所示 关于找不到挂载元素的问题，一般的都是通常因为在public文件中的html.index没有具有相应id的元素。请确保在你的html.idex文件有一个正确的id=App的元素

找到该文件的这个位置并且确认自己挂载的元素是否正确。总结:Vue实例的挂载点选择器与HTML中的元素要匹配。

另外还报错的话可以看下自己的Vue库是否引入是正确的

likk同学
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Cannot find element: #app
黄金蛋的博客
06-28 2816
阅读索引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 warn]: Cannot find element: #vue-app报错解决
m0_37549178的博客
06-12 4686
公司最近来了新员工，遇到[Vue warn]: Cannot find element: #vue-app这个报错问我，我也一起解决了好久，再次记录一下，防止再犯 new vue({})的外部js，例如叫app.js要最后引入，因为要先有id为vue-app的div,vue才能获取相应的元素。否则会报错： [Vue warn]: Cannot find element: #vue-app ...
[Vue warn]: Cannot find element: #app
zjjhwzl的博客
02-25 452
解决方案：js在html页面头部引入的原因，自定义js文件要最后引入，因为要先有元素id,vue才能获取相应的元素
Vue报错记录——无法找到app
spring0205的博客
04-26 2237
报错信息： [Vue warn]: Cannot find element: #app 原因是：我把相关的js文件放在head里面，导致文件未加载完成就运行js文件，所以js找不到 #app 。 改正： 把相关js文件放至尾部，保证页面全部渲染完成才加载js，就可以避免这个错误。 原文链接：https://blog.csdn.net/qq_16687863/article/details/103192596 ...
[Vue warn]: Cannot find element: #App 报错修改
qq_47254466的博客
03-14 2155
出现 [Vue warn]: Cannot find element: #App此条报错，有可能在main.js中 import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ el:'#app',//app一定是小写，若大写就报错 render: h => h(App), }) 之后 再 npm run serve 就可以了。 ...
bundle.js:1350 [Vue warn]: Cannot find element: #app
m0_56063262的博客
01-07 825
bundle.js:1350 [Vue warn]: Cannot find element: #app
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项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
【报错问题】Vue 运行时提示 Error: Cannot find module ‘chalk’
01-07
运行 'npm run build' 时，提示错误 Error: Cannot find module 'chalk' 三、解决办法 3.1、根据上诉提示，其实已经告诉了问题来源，本地没有 node_modules 包，需要先运行命令 npm install 进行安装 npm install...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
在Vue.js项目中，尤其是在结合Webpack这样的模块打包工具时，正确地导入和导出模块是非常重要的。当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
Cannot find element: #App
a662852186的博客
06-10 2682
瞎找了一天都没找到问题所在（问题代码） /* eslint-disable no-new */ new Vue({ el: '#App', router, template: '<App/>', components: { App } }) // new Vue({// 全局构造函数 // el: '#app', // 对象装载的位置...
解决: Vue报错 Cannot find element: #app
兮赫的博客
09-01 1万+
原因： 在html没有加载完成时，加载了js，导致js找不到vue对应的id，所以报错 解决： 将对应js放到html最后引用即可
【Vue】 style中的scoped
最新发布
DX390609的博客
07-15 133
在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。
vue报错Syntax Error: Error: Cannot find module 'cache-loader'
03-20
这个错误通常是由于缺少依赖或者版本不匹配导致的。你可以尝试通过以下步骤解决这个问题： 1. 确认你的项目中是否安装了 cache-loader 这个依赖，如果没有安装，可以通过运行 npm install cache-loader 命令来安装。 2. 如果已经安装了 cache-loader，那么可能是版本不匹配导致的问题。你可以尝试升级或者降级 cache-loader 的版本，直到找到一个与你的项目兼容的版本。 3. 如果以上两个步骤都没有解决问题，那么可能是其他依赖或者配置文件出了问题。你可以尝试重新安装依赖或者检查配置文件是否正确。 希望这些方法可以帮助你解决这个问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值