antdp | Echarts报“export ‘default‘ (imported as ‘echarts‘) was not found in ‘

最新推荐文章于 2024-07-26 15:35:10 发布

原创最新推荐文章于 2024-07-26 15:35:10 发布 · 581 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript #antdp

分享专栏收录该内容

489 篇文章

订阅专栏

本文讲述了在使用EchartsforReact时遇到的导入问题，由于版本升级不兼容，作者提供了检查版本、卸载新版本、安装4.9.0并重启项目的解决方案。

一、问题分析

找不到导入的Echarts，原因是因为echarts for react不支持5.0版本以上的echarts

二、解决方案

1.查看自己echarts的版本

在文件 package.json 里或者使用命令

npm ls echarts  //查看echarts的版本

2.卸载新版本echarts

npm uninstall echarts

3.重装版本5.0以下的Echarts，这里我装的是4.9的

npm install echarts@4.9.0

4.然后重启你的项目就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mopes__

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

“export ‘default‘ (imported as ‘ECharts‘) was not found in ‘echarts‘

知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】

12-24

3769

在Vue 项目构建时，echarts没有被找到，一般这种组件找不到，有可能是兼容问题：

“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘ 警告解决方案

🏆 前端领域优质创作者

04-09

1449

警告信息 ## SEO “export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘ 引入 echarts 5.0 编译后，出现如下图所示警告（waring）：解决方案出现问题行：import echarts from ‘echarts’; ## 正确写法 import * as echarts from 'echarts'; ## 或者 ↓ const echarts = require('echarts');

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

引入echars5.0报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘解决方案

weixin_43988116的博客

03-20

2282

直接报错："export ‘default’ (imported as ‘echarts’) was not found in 'echarts’官方文档：https://echarts.apache.org/handbook/zh/basics/import。echarts官方文档地址：https://echarts.apache.org/zh/index.html。简单记录如有问题或更优解还请不要吝啬的分享出来，此结。新版本的echarts引入方式改变了。

“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

u013994400的博客

01-08

6031

引入 echars 5.0 遇到报错 "export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’ 引入方式改为： import * as echarts from ‘echarts’; 或 const echarts = require(‘echarts’);

vue路由报错：138-17 export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

04-29

887

版本对应：vue2搭配vue-router3vue3搭配vue-router4

Vue配置路由后启动报错：export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

明静致远

07-05

676

在package.json中可以看到Vue版本为2.6.14，vue-router版本为4.4.0。由于vue与vue-router版本不兼容导致异常。由于项目中使用vue2版本，所以安装vue-router时指定版本。main.js文件中也正确引入VueRouter包。

vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘

qq_46416934的博客

03-09

2069

版本：vue3 vue/cli 5.0.0 做写store时报错 import Vue from "vue"; import Vuex from "vuex"; import getters from "./getters"; import user from "./modules/user"; Vue.use(Vuex); const store = new Vuex.Store({ modules: { user, }, getters, }); export default

Vue | export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

Albirostris

09-01

694

vue

警告：“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

木易昕子

12-22

2226

之前引入echarts （npm install echarts --save）安装的版本较高,终端一直警告"export 'default' (imported as 'echarts') was not found in 'echarts'，页面提示Cannot read property 'init' of undefined 解决方案：改变echarts的版本安装4.9的------------npm install echarts@4.9.0 ...

【ECharts报错】 export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

lingrer的博客

07-26

406

原因：echarts版本太高。

vue 控制台报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

cxf_L的博客

11-15

821

vue 控制台报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

Echarts使用时的问题“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

zhangyysp的博客

12-22

1741

先看清楚自己Vue的版本不支持echarts的最新5.0版本看下page.json里的版本是什么版本所以下载其他版本。 npm uninstall echarts //卸载安装 npm install echarts@4.9.0 npm fund npm run dev 并且还有引用问题，可以在这样引用也有报错问题 import * as echarts from "echarts"; ...

引入echars报错 export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

小猫爪子

05-13

229

解决方法： import * as echarts from 'echarts';

引入 echars 遇到报错 “export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’

前端小攻城狮的博客

10-14

521

import echarts from 'echarts'; 改为 import * as echarts from 'echarts';

export Fragment (imported as Fragment ) was not found in vue

最新发布

09-28

在Vue中出现 'export Fragment (imported as Fragment) was not found' 错误，通常是因为尝试从某个模块中导入 `Fragment`，但该模块并未导出 `Fragment`。`Fragment` 一般是在React中使用的，Vue中有类似功能的是 `<template>` 标签。 ### 具体分析及解决办法 #### 1. 检查是否误将React代码用于Vue项目若在Vue项目里使用了类似React的导入语句，像 `import { Fragment } from 'react'`，就会出现此错误。Vue使用 `<template>` 标签来实现类似 `Fragment` 的功能。 **错误示例**： ```vue // 错误的Vue代码，尝试导入React的Fragment import { Fragment } from 'react'; export default { // ... } ``` **正确做法**：使用Vue的 `<template>` 标签： ```vue <template>  <div>第一个元素</div> <div>第二个元素</div> </template> <script> export default { // ... } </script> ``` #### 2. 检查自定义模块导入若从自定义模块导入 `Fragment`，要确保该模块确实导出了 `Fragment`。 **错误示例**： ```javascript // module.js // 没有导出Fragment export function someFunction() { // ... } // main.js import { Fragment } from './module.js'; // 会报错 ``` **正确做法**：若需要在自定义模块中使用类似 `Fragment` 的功能，可直接使用Vue的 `<template>` 标签，无需导出 `Fragment`。 ### 总结在Vue中，使用 `<template>` 标签替代React的 `Fragment`，避免在Vue项目里使用React的导入语句，就能解决 'export Fragment (imported as Fragment) was not found' 错误。