Vue的main.js中引入echarts后报 “export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

最新推荐文章于 2023-08-17 11:48:29 发布

苦荞_

最新推荐文章于 2023-08-17 11:48:29 发布

阅读量1k

点赞数 1

本文链接：https://blog.youkuaiyun.com/weixin_48826306/article/details/115875145

版权

Vue的main.js中引入echarts后报 "export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’

解决办法：

1、5.0以下的版本跟5.0以上的版本引入方法不一样

5.0以上可以通过：

import * as echarts from 'echarts';
// 或
const echarts = require('echarts');

重新安装试试

2、降低版本为4点几的，通过cnpm install echarts@4.9.0 --save 指令指定4.9.0的版本安装解决

cnpm install echarts@4.9.0 --save

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

苦荞_

关注关注

1
点赞
踩
3

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue中引用的echarts的坑

qq_35547053的博客

09-08

6548

1、引入echarts 全局引入main.js import echarts from 'echarts' Vue.prototype.$echarts = echarts; 2、需要的页面引入echartPages.js import echarts from "../../../static/js/echarts.min"; //或者 let echarts = require('../../../static/js/echarts.min'); 3、发现echart并没有按照百分比适

运行vue项目：警告提示 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘

web15085181368的博客

02-23

6084

问题：运行vue项目时，警告提示"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ 在main.js中在路由文件下的index.js中原因：安装的vue-cli为v4以上的版本，其不包含全局的 Vue，Vue 被 createApp函数代替解决方案：在main.js中 import { createApp } from 'vue' // 代替 import Vue from 'vue' import App from '.

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

已解决：Vue的main.js中引入echarts后报 “export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

baidu_38730364的博客

04-20

1067

出处：https://www.jianshu.com/p/a5ebd1deed6c 1、通过cnpm install echarts --save安装后，在main.js中引用出现以下问题 2、原因是默认安装了echarts5.0.0的版本 3、通过cnpm install echarts@4.9.0 --save 指令指定4.9.0的版本安装解决 ...

Vue 在 main.js中引入插件时：“export ‘default‘ (imported as ‘ XXX ‘) was not found in ‘ XXX ‘

weixin_45591053的博客

04-17

1035

我引入时的代码 import echarts from 'echarts' 解决方案 import * as echarts from 'echarts'

在vue-element-admin无法使用ECharts

热门推荐

weixin_55229531的博客

06-09

5万+

在vue-element-admin无法使用ECharts

在vue中引入echarts ，应用报错， “TypeError Cannot read properties of undefined (reading ‘init‘)“

web15285868498的博客

03-10

1155

在main.js中引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 运行页面，报错解决方案：引入方式改为如下写法，按需引入也按照对应的方式引入，通过查阅相关文档，导致此现象的原因可能是版本不一致，个人使用的是5.2.2版本的，将版本降低到5以下也能解决此问题 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts .

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

qq_46416934的博客

03-09

2024

版本：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

vuecil报错：warning in ./src/plugins/element.jsexport ‘default‘ (imported as ‘Vue‘) was not found in ‘

had1695016179的博客

07-03

826

vue版本更新之后，npm run serve程序后会报错：warning in ./src/plugins/element.jsexport 'default' (imported as 'Vue') was not found in '。ps:如果创建Vue文件是vue2的版本，则没有以上问题，如果vue3的话则需要注意main.js文件里的代码。vue2里面，main.js文件里面是import Vue from 'vue'对于elementUI官网上面的element的组件列表的快速引入方式。

warning in ./src/main.js 6:8-17 "export 'default' (imported as 'VueRouter') was not found in 'vue-router'

07-29

这个警告是由于在文件 `main.js` 的第 6 行到第 17 行中，尝试导入名为 `VueRouter` 的默认导出，但是在 'vue-router' 模块中找不到该默认导出引起的。这可能是由于以下几个原因导致的： 1. 未正确安装 `vue-router...

在 Vue 项目中引入echarts的问题

m0_51137496的博客

03-09

905

在 Vue 项目中使用 echarts以及我遇到的问题怎么解决我先是按照网上教程安装echarts项目依赖 npm install echarts --save //或者 npm install echarts -S 全局引入安装完成之后，在 main.js 中全局引入 echarts import echarts from "echarts"; Vue.prototype.$echarts = echarts; 然后发现一直没引入成功然后又换了好几种其他的echarts安装方法可是都不行

Vue引入Echarts报错 import * as echarts from “echarts“；

最新发布

weixin_63681863的博客

08-17

3241

已经下载好echartsVue引入Echarts。

vue项目中引入echarts

qq_44189274的博客

09-22

462

vue项目中引入echarts

关于vue中main.js引入图片的问题

xuefeng11111的博客

01-11

1497

刚接触vue的项目，很多东西需要学习在使用v-lazyload实现图片懒加载的时候，在main.js中引入图片地址的时候出现了问题我发现如果引入的路径是根目录下的/static中的图片，没有任何问题，但是如果引入的是assets目录下的图片就找不到图片后来去网上查了一下才知道，原来是main.js中的图片除了/statci目录外都需要通过reqiure('图片路径')的方式进行加载通过r...

echarts遇到的问题

yigeboke的博客

07-26

825

这里引入是做的其他图例,可以正常显示, 现在我要做的是3D饼图,官网没有这个类型的图例, 我在网上找的大神做的引入时却报错后来在使用图例的组件中重新引入了一下echarts 问题解决 ...

解决“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘报错

weixin_44331330的博客

03-03

2万+

在Vue项目中，引入Echarts库后，运行项目，出现以下报错： "export 'default' (imported as 'echarts') was not found in 'echarts' 引入Echarts的语句为 import echarts from 'echarts'; 原因： Echarts 5.x 不再支持上面的引入方式，这一点Echarts官网（升级指南）有说明，如下图：解决方法： 1、按上述图片将 import echarts from 'echarts'; 改为 im

Echarts报“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘错解决方法！

qq_41645986的博客

03-11

2764

一、问题分析找不到导入的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.然后重启你的项目就可以了 ..

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

木易昕子

12-22

2191

之前引入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 ...

export 'default' (imported as 'router') was not found in 'vue-router'

06-28

### 回答1：这个错误提示是在使用 Vue Router 时出现的，意思是在导入 Vue Router 的时候，找不到默认导出的内容（即 export default）。可能的原因是你的代码中有以下问题： 1. 没有正确安装 Vue Router，需要使用 npm 或 yarn 安装。 2. 导入 Vue Router 的方式不正确，应该使用 import { Router } from 'vue-router' 的方式导入。 3. 在使用 Vue Router 时，没有正确配置路由，需要在 main.js 中使用 Vue.use(Router) 来注册路由。希望以上信息能够帮助你解决问题。 ### 回答2：这个错误信息通常是在使用Vue.js框架的时候遇到的问题，它的大致含义是在导入vue-router库的时候发现没有找到导出的默认值。在这种情况下，通常是由于以下原因导致的： 1.版本不兼容这个问题最常见的原因是版本不兼容。你需要检查你的Vue.js和vue-router库的版本是否兼容。如果不兼容，你需要升级Vue.js或降低vue-router库的版本。 2.导入路径错误在项目中，如果你的导入路径有误，那么你将会遇到这个错误。你需要确认你的导入路径是否正确，并且库是否已经正确地安装。 3.使用错误的导入方法在Vue.js中，官方文档推荐了两种导入Vue Router库的方法，分别是： import VueRouter from 'vue-router' // 1. 手动导入方式 Vue.use(VueRouter) // 2. Vue.use()导入方式如果你使用了其他方式导入VueRouter，就可能会遇到这个问题。如果你遇到了'export 'default' (imported as 'router') was not found in 'vue-router'的错误，建议你首先检查以上的原因并逐一排查，如果你还是无法解决问题，建议你向社区提问或向相关机构和人员寻求帮助。 ### 回答3：这个错误通常出现在用Vue.js和Vue Router进行开发时。出现这个问题的原因是通常在import Vue Router语句后面很可能跟了一个"router"的别名，而这个别名并找不到对应的默认导出。所以我们需要进行下面的步骤来解决这个问题。首先，我们要检查Vue Router导入的语句是否正确。我们需要使用ES6的导入方式导入Vue Router，在导入时，通常需要使用花括号来指定我们需要导入的内容。比如： ``` import { createRouter, createWebHistory } from 'vue-router' ``` 上面语句意味着，我们在"vue-router"模块中只导入了"createRouter"和"createWebHistory"两个函数。如果我们还想导入Vue Router的其它内容，也需要在花括号中增加对应的名称。其次，我们需要检查我们是不是正确地配置了Vue Router。Vue Router需要我们进行Vue应用的初始化，我们需要创建一个新的Vue Router实例并将其传递给Vue的实例，以此来实现路由的切换。比如： ``` import { createApp } from 'vue' import { createRouter, createWebHistory } from 'vue-router' import routes from './routes' import App from './App.vue' const router = createRouter({ history: createWebHistory(), routes, }) const app = createApp(App) app.use(router) app.mount('#app') ``` 上面语句中我们首先创建了Vue Router的实例，然后在创建Vue应用时使用"app.use(router)"进行Vue Router的注册。这一步很重要，因为Vue Router需要在Vue应用中才能生效。如果我们还是遇到"export 'default' (imported as 'router') was not found in 'vue-router'"的错误，那么就有可能是Vue Router版本过低了。我们需要升级Vue Router到最新的版本，或者根据Vue Router文档中的升级指南来进行升级。在升级过程中可能会有一些API变动，需要进行代码调整，但总体来说这个过程不会太困难。最后，如果我们还是没能解决这个问题，那么我们可以到Vue和Vue Router的官方论坛中提问或者搜索一下相关的解决方案。里面有很多经验丰富的开发者和专家能够提供有效的帮助和建议。