【VUE】vue引入echarts报错（echarts__WEBPACK_IMPORTED_MODULE_2__.default is undefined）

最新推荐文章于 2023-08-17 11:48:29 发布
最新推荐文章于 2023-08-17 11:48:29 发布
阅读量3.7k 收藏 4
点赞数 4
分类专栏： VUE echarts 文章标签： vue echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KingdomYuen/article/details/117269841
版权

一、版本问题

echarts版本在5.0以上可能会出现不支持的问题，可卸载现在版本

npm uninstall echarts

再安装4.X的版本，如：

npm install echarts@4.1.0 -save

二、引入方式

如果在引用echarts的js文件中直接导入也可能出现问题

import echarts from 'echarts'

可以把引入方式改为

import * as echarts from 'echarts'
KingdomYuen
关注
专栏目录
vue - marked 解析插件报错：marked__WEBPACK_IMPORTED_MODULE_5___default(...) is not a function（完美解决marked报错）
高级前端工程师
12-18 4510
vue，marked，marked插件报错，markdown解析插件，vue项目，vue网页网站报错，浏览器控制台报错，import marked from 'marked'引入报错，如何解决marked插件报错，vue使用marked解析markdown文件文档内容时报错，TypeError: marked__WEBPACK_IMPORTED_MODULE_5___default(...) is not a function，vue怎么解决marked引入报错，vue3报错解决办法，详细解决方案，Vue
vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct
最新发布
高级前端工程师
07-02 1364
vue2，vue3，router，路由，报错，vue-router，vue报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function，解决vue错误，vue3 router报错Uncaught TypeError，如何解决这个报错，vue报错，vue运行报错，vue编译，vue项目启动时报错，页面白屏，解决vue引入模块时的报错，vue路由报错，vue-router引入失败且页面
vue报错：Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_3__.defineComponent) is not a function
weixin_54976447的博客
06-14 2985
vue报：Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_3__.defineComponent) is not a function
vue: Uncaught TypeError: Cannot read property … of undefined
weixin_43877725的博客
09-01 4884
记录使用vue遇到的一个问题：在把获取到的信息渲染到页面上出报异常了 数据 因为业务的需求，里面还有个对象信息 export default { name: "ShopInfo", data() { return { viewForm: { } } } } 获取数据然后进行处理之后 viewForm: { view: 'test', other: .
vue 2.x使用echart出现echarts__WEBPACK_IMPORTED_MODULE_2__.default is undefined
mgdj25的博客
12-08 4489
问题： "vue": "^2.6.11" "echarts": "^5.0.0", <template> <div> <!-- 卡片区域 --> <el-card> <!-- 1.为 ECharts 准备一个具备大小（宽高）的 DOM --> <div id="main" style="width: 600px;height:400px;">&lt
【Vue】引入Echarts出错
weixin_44707049的博客
11-23 1276
使用下面的命令安装Echarts npm install echarts --save 在 main.js 中引入，并将其挂载到Vue原型上 import echarts from 'echarts' Vue.prototype.$echarts = echarts 然后编译时出现如下警告 解决方法 在 main.js 中引入，并将其挂载到Vue原型上 import * as echarts from 'echarts' ...
import echarts from ‘echarts‘标红报错
aeioumm的博客
01-26 1487
正常angular安装echarts需要执行以下命令 1 npm install echarts -S 2 npm install ngx-echarts -S 但安装后发现出现错误提示，文件引用中出现type标红 1. 需要执行如下命令 1 npm install echarts -S 2 npm install ngx-echarts -S 3 npm install @types/echarts -D 2. 在 module （比如 app.module.ts）中引入模块： 1 i
TypeError: vuex__WEBPACK_IMPORTED_MODULE_2__.default.use is not a function
m0_51195433的博客
10-22 1426
使用vuex容器，在组件中使用 $store.state.count 时，出现报错
Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function
weixin_40460171的博客
12-30 2971
报错信息 login.jsx:111 Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function 网上查到的解法一 原因：由于antd的版本导致 解决：package.json文件下的antd版本号修改为3.26.14 我的版本【“antd”: “^4.9.4”,】 网上查到的解法二 Ant Design 4.0 对Form进行了修改，已经不使用 Form.c
安装了vue-router后报错vue_router__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor
06-02
如果您使用的是Vue Router 2.x版本，则可以按照以下方式引入和使用它： ```javascript import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' Vue.use(VueRouter) const router...
Vue引入Echarts报错 import * as echarts from “echarts“；
weixin_63681863的博客
08-17 2198
已经下载好echartsVue引入Echarts。
Vue2空白界面，报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
m0_48367189的博客
07-25 1382
Vue2空白界面，Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
_vue2.default.prototype报错找不到
zhengge417的博客
07-23 676
报错：报Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype’)。打开路由懒加载，在.env.development文件（没有就新建）中添加。vue版本2.x已正确安装。
vue中引入echarts 报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
qq_40137978的博客
02-22 295
方法一 (简单粗暴): import * as echarts from 'echarts' 方法二(更换版本): npm uninstall echarts //卸载 npm install echarts@4.9.0 npm fund npm run dev
引入echarts时报错： “TypeError: Cannot read property ‘init‘ of undefined“
Crazy_GirlLL的博客
05-09 227
导入echarts时，把import echarts from 'echarts'改成import * as echarts from 'echarts' 安装 引入 echarts
Vue错误笔记 Uncaught ReferenceError: vue is not defined（新手上路）
热门推荐
YouthMe的博客
10-27 1万+
在使用vue cli3 创建项目后，在组件内引用vue报错，->未定义Vue,你可能会想在main.js里面脚手架已经帮忙建好了所有的东西为什么还会出现这样的错误是因为在引用的时候 import Vue from "vue"import后面的Vue大写造成的，只需要将它改成小写的即可 ...
Echarts init 为 undefined 解决方法
衣乌岸苑
12-27 5958
Echarts 使用时候报错export 'default' (imported as 'echarts') was not found in 'echarts'和Cannot read property 'init' of undefined 的解决方法。
【vue项目问题解决】echarts，使用中提示undefined问题及重绘问题
球球博客
10-15 7378
记录在项目开发过程中遇到的小问题，欢迎大家一起留言探讨 1、问题 ：引入echars，使用中提示undefined问题 问题描述 cnpm安装了echars,在main.js中全局引入，之后提示echarsundefined 期望效果 可以在组件中直接通过this.$echarts使用 正确引入方式 局部引入,组件中直接引入 import echarts from "echarts"; 安装 cnpm install echars -S 引入 // 引入echarts import echarts fr.
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值