vue项目echarts安装后，引入报错 TypeError:Cannot read properties of null (reading ‘__esModule‘)

dmmyouyouid

已于 2024-08-15 13:34:01 修改

阅读量196

点赞数 3

分类专栏： vue 文章标签： vue.js echarts 前端

于 2024-08-15 13:31:57 首次发布

本文链接：https://blog.csdn.net/dmmyouyouid/article/details/141219694

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

使用echarts官网npm安装，在页面引入

import * as echarts from 'echarts';

终端没有任何报错，打开浏览器，页面红了，如下图：

当时为了防止版本过高，安装echarts时，特意降了版本，安装和主项目一样的版本，没想到还是报错。

最后降了5版本的，使用"echarts": "^4.2.1" 版本的，解决了这个问题。所以大家如果出现同一样的问题可以试着降版本。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dmmyouyouid

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue3 - element plus 报错 TypeError: Cannot read properties of null (reading ‘emitsOptions‘)，使用组件报错详细解决

高级前端工程师

06-12

4160

vue3，elementPlus，TypeError: Cannot read properties of null (reading 'emitsOptions')，TypeError: Cannot read properties of null (reading 'insertBefore')，vue3使用element-plus中el-table组件报错关键字'emitsOptions'与'insertBefore'分析，在本地运行的时候一点错误也没有，但是打包后放到线上环境就开始报错，vue3报错

Vue3 - 解决报错 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)

最新发布

王佳斌

07-16

3267

vue3，nuxt3，无法读取null的属性（读取“insertBefore”），vue3 insertBefore，报错，Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)，详细解决，v-if 导致，v-show，渲染时报错，dom元素，改变时报错，组件，插件，vue版本升级，依旧报错，还是不行，改了还报错，点击按钮展示弹框报错，本地启动时，页面所有操作正常，显示正常；部署到生产环

参与评论您还未登录，请先登录后发表或查看评论

【前端可视化】Echarts 报错：[Vue warn]: Error in mount hook: “TypeError: Cannot read properties of null (readi...

日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈

03-12

470

错误原因出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化，利用Vue中的ref和$refs 来代替document.getElementById()获取该图形容器对象 <div id="mian" ref="chart" ></div> .... var myChart = this.$echarts.init(this.$refs.chart);...

typeerror: Cannot read properties of null (reading ‘emitsOptions‘)报错原因及解决方法

stay hungry, stay foolish

10-23

1万+

可能导致的原因以及解决方法：1. 在父组件中子组件名称没有正确引入：检查组件名称和子组件是否正确定义props以及emit的使用2. 在一个空值上去访问属性：可以使用可选链操作符（？）去检查对象是否为空3. v-if指令的判断条件为null，导致无法找到对应的属性：使用v-show代替v-if，因为v-show不会造成DOM的变化 4. v-for指令在数据循环渲染时初始化数据为undefined：判断该值存在才渲染

TypeError: Cannot read properties of null (reading ‘emitsOptions‘)，ant3中a-table中遇到的bug

weixin_73610394的博客

05-31

949

默认弹框是关闭的，DOM中没有弹框中的内容。打开弹框再关闭后，弹框中的 DOM 元素没有被销毁，可能会因为不该存在的 DOM 元素而报错（我的报错就是由此导致）。在 v-if 值为 false 时，如果操作了 v-if 控制的 DOM，可能会因为该 DOM 元素不存在而报错。剩下的就是耐心排查了。

web前端Vue 报错：Uncaught (in promise) TypeError: Cannot read properties of nu

吕氏春秋i

09-08

4万+

最近在写vue项目在写自定义分页器的时候报了一个异常知道错误却一直找不到解决方案苦思冥想后还是js的基础语法不扎实导致的，在此记录一下解决方案和思路为以后的bug解决之路打下基础学习之路永无止步记录当下，保持一颗向上的心态~!

关于echarts.registerMap 使用svg时报错的问题处理

qq_32067561的博客

08-31

3988

需要加载svg，解析为svg字符串（即直接引入无法使用，需要通过get方式获取文件流，并解析为字符串）版本 “echarts”: “^5.3.3”

vue项目控制台报错信息问题记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)

Lililiming_的博客

02-20

4503

vue + element-ui 项目控制台报错信息记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)，TypeError: Cannot read properties of undefined (reading ‘label‘)，

vue遇到：“TypeError: Cannot read properties of undefined (reading ‘__ob__‘)”的报错

weixin_51020185的博客

01-26

2417

项目场景：场景：用户点击退出到首页的时候，首页登录验证码没刷新的问题问题描述： vue遇到：“TypeError: Cannot read properties of undefined (reading '__ob__')”的报错原因分析：往往出现上述报错，是因为没有写return { }，只写了： export default { data() {} } 解决方案： export default { data() { return{}

vue级联(el-cascader)方式作为表格查询条件( el-cascader报错 “TypeError: Cannot read properties of null (reading ‘le)

qq_33911541的博客

12-02

663

vue级联(el-cascader)方式作为表格查询条件(下拉框) el-cascader报错 “TypeError: Cannot read properties of null (reading ‘level‘)“

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')

weixin_42594419的博客

01-05

1万+

这个错误消息表明在执行代码时发生了一个错误，该错误导致无法读取未定义的属性。这通常是因为您尝试访问了一个未定义的变量或对象的属性。为了解决这个错误，您需要找出导致错误的原因并修复它。可能的解决方法包括检查代码以确保所有变量和对象在使用之前已经正确声明并初始化，或者使用类型断言或检查属性是否存在来避免对未定义的属性的访问。 ...

Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)解决

weixin_45337447的博客

05-31

556

原因：fromData里面的数据是接口返回的，页面按钮已经加载完毕，接口没有返回数据时候，不会报错，但是一旦返回数据，链式找不到父节点控制台就会报错。解决方式：不能用v-if,用v-show代替，判断表达式前确保上一层有数据。

Uncaught TypeError: Cannot read properties of undefined这个报错如何解决！

tianxianghuiwei的博客

04-09

7392

这个错误意味着您的代码尝试访问一个未定义的变量或对象的属性。在这种情况下，代码尝试读取一个名为'title'的属性，但该属性所属的对象是未定义的，因此引发了这个错误。

在vue项目中简单使用Echarts&第一次使用时的各种报错与解决

like896369216的博客

05-21

3572

关于echarts安装版本报错的解决办法，关于Uncaught (in promise) TypeError: Cannot read properties of null (reading 'getAttribute')错误的解决办法

深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“

热门推荐

奇妙的Bug之旅

11-10

9万+

在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。

解决Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘id‘)报错

m0_57524265的博客

06-28

3万+

前期上网查以为是axios异步请求的问题，后来一直尝试发现是访问对象的问题，每个人触发报错的前提都不相同，看看是否适合你！

前端控制台报错#Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘0‘)

老衲的少女心i~

02-23

8万+

目录前言一、报错截图？二、使用步骤总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、报错截图？这里是我在项目中产生报错的截图：报错的原因：这个是使用了undefined或者null的值进行了.attrname或者解构造成的二、使用步骤该处使用的url网络请求的数据。总结提示：这里对文章进行总结：例如：以上就

echarts报错 TypeError: Cannot read properties of null (reading ‘getAttribute‘):

SunPeng的博客

08-24

1万+

echarts报错 TypeError: Cannot read properties of null (reading ‘getAttribute‘):

echarts注册3d地图报错TypeError: Cannot read properties of undefined (reading 'features')

08-29

在使用echarts注册3D地图时，如果出现报错TypeError: Cannot read properties of undefined (reading 'features')，可以尝试以下解决方法： 1. 检查你是否正确引入了echarts和相关的地图数据文件。确保你使用的是最新版本的echarts，并且正确配置了地图数据文件路径。 2. 查看你的地图数据文件是否存在问题。有时候地图数据文件可能不完整或者格式不正确，导致解析失败。可以尝试重新下载或更新地图数据文件。 3. 检查你的代码中是否正确设置了地图类型和地图数据。确保你使用了正确的地图类型，并且将地图数据正确传入到echarts的注册方法中。 4. 如果以上方法都没有解决问题，可以尝试查看echarts官方的GitHub仓库中是否有相关的解决方法。通过访问echarts的GitHub仓库并查找issues，你可能会找到其他用户遇到类似问题并提供的解决方案。总结：当echarts注册3D地图报错TypeError: Cannot read properties of undefined (reading 'features')时，可以先检查echarts和地图数据文件的引入是否正确，然后检查代码中地图类型和数据的设置是否正确。如果问题仍然存在，可以尝试查找echarts官方GitHub仓库中的解决方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue中echart乡镇地图报错Error: Invalid geoJson format Cannot read properties of undefined (reading ...](https://blog.csdn.net/qq_38743783/article/details/125464256)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [echarts地图geoJson报错(Uncaught Error:Invalid geoJson format Cannot read property ‘length‘ of ...](https://blog.csdn.net/sinat_36359516/article/details/121248544)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]