vue使用百度地图报错Error in created hook: "TypeError: Cannot read property 'CM' of undefined"

最新推荐文章于 2024-10-23 22:51:11 发布
最新推荐文章于 2024-10-23 22:51:11 发布
阅读量1.7w 收藏 2
点赞数 2
分类专栏： 前端 文章标签： 百度地图在vue中的初始化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41588568/article/details/89377380
版权

刚开始我是把地图的初始化和实例都放在了created钩子函数里边，结果就报错：

Error in created hook: "TypeError: Cannot read property 'CM' of undefined"

由于之前用echarts时，也是刚开始放在created里边会报错，后来百度了之后就放进了mounted里边，所以直接放进mounted里边，效果实现。

学习了一下这两个钩子函数的区别，记录一下，加深印象：

qq_41588568
关注
专栏目录
Vue 报错Error in mounted hook “TypeError Cannot read properties of null (reading ‘getAttribute‘)“
m0_67400972的博客
03-03 3072
搭建项目配置Echarts地图时，在运行时vscode不会报错正常运行，但开发者工具仍然报出“Error in mounted hook: "TypeError: Cannot read properties of null (reading ‘getAttribute’)"错误，并且不显示配置地图，具体如下 【解决过程】： 在CSDN，掘金，简书等一系列查找都没有看到相对应的解决方法，一脸懵，里面大多数报错都是跟自己相类似的，但又完全不是的 查看代码，并没有发现什么异常 将代码使用控制台打印，能正常显
Error in mounted hook: “TypeError: Cannot read property ‘XXXXX‘ of undefined“
bihaiyanyu的专栏
10-22 3万+
今天使用iview画页面时遇到一个很简单但是搞了很久的bug，加了一个控件 <user-select style="width:200px" @on-change="handleSelect" ref="user" v-model="form.userCode"> </user-select> 然后使用$refs调用组件属性 this.$refs.user.initData(); 然后神奇的地方出现了，不管怎么该，一直报Error in mounted hook:
Vue 报错Error in mounted hook: “TypeError: Cannot read properties of null (reading ‘getAttribute‘)“
weixin_60364883的博客
12-07 3万+
搭建项目配置Echarts地图时，在运行时vscode不会报错正常运行，但开发者工具仍然报出“Error in mounted hook: "TypeError: Cannot read properties of null (reading 'getAttribute')"错误，并且不显示配置地图，具体如下 【解决过程】： 在CSDN，掘金，简书等一系列查找都没有看到相对应的解决方法，一脸懵，里面大多数报错都是跟自己相类似的，但又完全不是的 查看代码，并没有发现什么异常 ...
[Vue warn]: Error in mount hook: “TypeError: Cannot read properties of null (reading ‘getAttribute‘)
陈新科的博客
09-12 1万+
一、在运行Vue项目时出现了上述错误 出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化， 利用Vue中的ref和$refs 来代替document.getElementById（）获取该图形容器对象 <div id="mian" ref="chart" ></div> var myChart = this.$echarts.init(this.$refs.chart); 二、想在el-dialog对话框中展示Echarts图表时，出现了如上错误 通过
[Vue warn] Error in mount hook “TypeError Cannot read properties of null (reading ‘getAttribute‘)
web18484626332的博客
03-09 1008
在vue项目中，使用echarts报一下的错误： [Vue warn]: Error in mount hook: “TypeError: Cannot read properties of null (reading ‘getAttribute‘) 出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化， 利用Vue中的ref和$refs 来代替document.getElementById（）获取该图形容器对象 <div id="mian" ref="chart" ><
Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘appendChild‘)“
chen_XiaoFang的博客
05-27 8982
调用this.$QRCode时报：Error in created hook: "TypeError: Cannot read properties of undefined (reading 'appendChild')" 问题代码： creatQrCode() { var that = this var qrcode = new that.$QRCode(that.$refs.qrCodeUrl, { text: '5201314', // 需要
5、vue报错Error in render: “TypeError: Cannot read property ‘length‘ of undefined“
rsancy-BK
09-20 4万+
vue 报错：Error in render: "TypeError: Cannot read property 'length' of undefined" 通常有两种情况： 1、在模板的html标签上使用length报错 vue 中使用 length判断的时候，有时会报错，如下： &lt;div class="item_list" v-if="form.checkVal.length...
关于Error in created hook: “TypeError: Cannot read property ‘finishPullUp‘ of undefined“
qq_45332221的博客
03-07 2072
关于Error in created hook: “TypeError: Cannot read property ‘finishPullUp’ of undefined” found in 最近在学习vue过程中经常遇到如题所示的问题,今天在这个将问题记录一下,一边自己后来回顾 如图是我遇到的问题,在下边看一下代码,后来我发现是这一段代码的问题. 如图, this.refs.scroll.finishPullUp放在了函数的最后.getHomeGoods函数通过调用之前写好的方法,去请求数据,但是他返
[Vue warn]: Error in created hook: "TypeError: Cannot read property 'navigator' of undefined"
08-30
这个错误通常发生在 Vue 组件的 created 钩子函数中，而且是因为尝试访问未定义的属性 'navigator' 导致的。'navigator' 是一个全局对象，用于提供关于浏览器的信息。在某些情况下，如果代码在非浏览器环境中执行，...
[Vue warn]: Error in created hook: "TypeError: Cannot read property 'then' of undefined"
08-10
这个错误通常出现在 Vue.js 的 created 钩子函数中。它表示在该钩子函数中尝试访问一个未定义的对象，并尝试对其使用 `then` 方法。`then` 方法通常与 Promise 对象一起使用，而如果你尝试对一个未定义的对象使用 `...
Echars 报错: Error in created hook: “Cannot read properties of undefined (reading ‘getAttribute‘)“
weixin_57529171的博客
05-20 8692
Echars 报错：Error in created hook: "TypeError: Cannot read properties of undefined (reading 'getAttribute')"
uniapp小程序报错：Error in created hook: “TypeError: Cannot read property ‘$mp‘ of undefined“
weixin_42082342的博客
09-21 1196
根据上下文，一般改为onReady函数即可解决，在onReady中，DOM已经加载完成。在钩子函数（created）中存在无法读取未定义的属性。
[Vue warn]: Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“
Youweretrouble的博客
02-23 4740
解决了eventbus的报错问题。
关于[Vue warn]: Error in created hook: “TypeError: Cannot read property ‘get‘ of undefined“解决办法
m0_56849931的博客
05-02 1万+
axios在vue中使用遇到的问题： 已经引入axios，使用时会报错，如下： import Vue from 'vue' import App from './App.vue' import axios from "axios" Vue.config.productionTip = false Vue.prototype.$axios= axios; new Vue({ render: h => h(App), }).$mount('#app') 错误信息： [Vue warn]
[Vue warn]: Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“
qq_45803094的博客
08-23 6109
vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“
解决 Error in created hook: “TypeError: Cannot read property ‘xxxxxx‘ of undefined“
sm923的博客
07-02 2万+
解决vue属性未定义问题
Error in created hook: “TypeError: Cannot read property ‘xxxxxx‘ of undefined“
weixin_44012027的博客
07-07 3万+
写Vue 的时候常遇到的错误之一 Error in created hook: "TypeError: Cannot read property 'xxxxxx' of undefined" 其大意是： 创建钩子出错：无法读取未定义的 xxx 属性。 此错误一般多出现在 created() 中， Vue 中数据渲染和DOM 元素渲染是异步的，此时可能会出现加载先后的问题。在DOM 元素渲染未完成的情况下，去操作DOM元素就会出现问题。this.$nextTick 可解决此问题。 具体 this.$nex
解决TypeError: Cannot read properties of undefined (reading ‘NormalModule‘)的四种方案
热门推荐
提笔忘字的帝国
05-11 5万+
ERROR TypeError: Cannot read properties of undefined (reading 'NormalModule') TypeError: Cannot read properties of undefined (reading 'NormalModule') at VueLoaderPlugin.apply (E:\aqy-app\node_modules\vue-loader-v16\dist\pluginWebpack5.js:44:47) at
Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘map‘)“ | 前端Vue报错
最新发布
神马都会亿点点的毛毛张
10-23 414
毛毛张分享的一个前端报错内容，这个问题是关于Echarts的。
vue注册公共组件报错Error in created hook: "TypeError: Cannot read properties of undefined (reading 'then')"
06-09
如果你已经按照以上步骤进行检查，还是出现了`TypeError: Cannot read properties of undefined (reading 'then')`错误，那么可能是其他地方出现了问题，你可以提供更多的代码或者错误信息，我会尽力帮你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值