vue项目安装echarts报错 echarts not found 未找到

已于 2022-04-19 19:40:49 修改
阅读量3.4k 收藏 5
点赞数 3
于 2022-03-10 22:54:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57512160/article/details/123410969
版权

Vue Echarts 版本不兼容 错误解决 npm
关键词由CSDN通过智能技术生成

我们下载安装了Echarts之后还是发现报错，说echarts not found

原因可能是vue和echarts的版本不兼容的问题。Vue@2.x对应Echarts@5.x以下的版本。

可以查看Echarts的所有版本，命令如下：

 npm view echarts versions

效果图：

可以下载指定版本的Echarts，如下：

npm install echarts@4.9.0 --save

下载之后再试试还会不会报错。

这是经常会遇到一种坑，就是版本不兼容

powerful_zmubaiy
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Echarts安装失败
Wzw的博客
01-23 5858
npm 安装 Echarts 失败 使用 npm 安装 Echarts ： npm install echarts --save 安装后报错，原因在于使用的 Vue 版本和 Echarts 版本不兼容。我使用的 Vue 版本号为 @2.6.11，而 Echarts 版本号为 @5.0.1。进入 package.json 查看版本号。 "dependencies": { "axios": "^0.21.1", "core-js": "^3.6.5", "echarts": "
vue项目创建简单echarts图表
01-11
在Vue项目中集成ECharts，可以方便地创建交互式的数据可视化组件。以下是一个详细的步骤指南，教你如何在Vue项目中创建一个简单的ECharts图表。 首先，确保你已经安装了Node.js和Vue CLI。如果没有，你可以访问官方...
not found in ‘echarts‘
kiku
07-17 338
安装Echarts 后使用时报错 vue -V 查看@vue/cli 4.5.13，而vue版本是"vue": “^2.6.2”，猜测是版本问题，卸载重装适合版本就解决了此问题。 // 卸载 npm uninstall echarts // 重装echarts npm install echarts@4.9.0
vue3项目安装插件报错ERR！ code ERESOLVE ERR！ ERESOLVE could not resolve
最新发布
fsdfyjdx的博客
05-16 340
我们只需要在 npm install echarts 后加上-legacy-peer-deps 就可以成功安装。
【ECharts】无法找到模块“echarts”的声明文件
Milk~每天分享一点点，技术进步一点点
09-01 9864
先看问题 解决方式（声明echarts） 文件目录如下 代码演示如下 declare module 'echarts' { const echarts: any export default echarts } 实现效果
vue想引入echarts，直接卡在安装失败 如何解决
曲江涛的博客
05-18 2610
确保您已经正确指定了echarts的版本号，并且没有其他依赖项与之冲突。您可以参考echarts的官方文档来确定正确的版本和配置。有时候安装失败可能是由于缓存问题造成的。您可以尝试清除npm的缓存，然后重新安装echarts。请确保您的网络连接正常，并且没有被防火墙或代理服务器阻止。如果以上方法仍然无法解决问题，请提供更具体的错误信息或日志，以便我能够更好地帮助您解决问题。这些工具是用于管理依赖项的常见工具，您需要确保它们已经正确安装在您的开发环境中。然后，重新运行安装echarts的命令。
Vue使用echarts得3D绘图时，引入“echarts-gl”报错，not found Grid3DView、LabelsBuilder
前端颜小白
06-07 7389
echarts得3D绘图时，引入“echarts-gl”报错 今天同事因为要使用echarts绘制3D 柱状图所以需要在引入echarts-gl，但是在导完包后项目运行时 就报错了。让我看看所以又积累了一个小知识，看看报错 This dependency was not found: * echarts/lib/label/labelStyle in ./node_modules/echarts-gl/lib/component/common/LabelsBuilder.js, ./node_module
v-charts使用，报错找不到 echarts/lib/visual/dataColor
he3236220的博客
04-02 3349
原因是v-charts里面的echarts-liquidfill的版本是2.0.2； echarts里面的echarts-liquidfill版本是2.0.6； 解决办法： npm i v-charts echarts@4.9.0 -S 下面是v-charts的具体使用 安装 npm i v-charts echarts@4.9.0 -S 引用 这里可以按需引入，也可以完整引入（目前是引用的折线图） import VeLine from "v-charts/lib/line.common";
Vue项目引入Echarts
MistyWood的博客
03-30 308
1、安装echarts npm install echarts -S 2、在main.js中引入echarts import Echarts from 'echarts' Vue.prototype.echarts = Echarts Vue.use(Echarts) 3、实例 <template> <div> <div id="echarts" :s...
vue 项目引入echarts 添加点击事件操作
10-14
在Vue项目中，ECharts是一个常用的可视化库，用于创建各种图表。本文将详细介绍如何在Vue项目中引入ECharts以及如何添加点击事件操作。 首先，为了全局使用ECharts，我们需要在`main.js`文件中导入ECharts库。这...
在Vue中使用echarts的方法
08-28
此外，我们还需要在Vue项目的build目录下找到webpack.base.conf.js，配置文件，在module.exports对象中添加externals属性，然后配置ECharts所在的路径： ``` module.exports = { // ... externals: { // 路径：...
vue踩坑记-在项目中安装依赖模块npm install报错
10-17
主要介绍了vue踩坑记-在项目中安装依赖模块npm install报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在Vue中使用Echarts实例图的方法实例
10-14
主要给大家介绍了关于如何在Vue中使用Echarts实例图的相关资料，文中介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
v-charts 找不到echarts-liquidfill依赖解决办法
weixin_44624815的博客
12-17 1469
v-charts 引用的是2.0.2版本 只需要安装 echarts-liquidfill 就可以了 npm install echarts-liquidfill@2.0.2 -S
vue+TypeScript：运行项目出现找不到模块“echarts-for-react“的解决办法
2301_78767322的博客
01-16 480
看了package.json文件，里面已经安装好了echarts-for-react，但还是报这个错。运行项目时报错: 找不到模块"echarts-for-react"，导致项目启动失败。重新启动一下项目即可。控制台中输入一下指令。
echarts.js文件导入失败
qq_39602487的博客
07-28 1345
今天导入echarts 资源文件 确认： 1.路径导入正确 2.拦截器确认未拦截该路径 @Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**") .excludePathPatterns("/","/user/
[问题已处理]-grafana报错Panel plugin not found grafana-piechart-panel
热门推荐
爷来辣的博客
04-03 2万+
grafana 报错Panel plugin not found: grafana-piechart-panel 今天导入了一个模版但是数据是有了 但是这边提示Panel plugin not found: grafana-piechart-panel 需要安装对应的插件 百度出来 执行下面这些操作就没下文了 但是我这边不生效 wget https://grafana.com/api/pl...
vue3.0中找不到组件 或者找不到对应的类型声明。怎么解决
weixin_53532986的博客
07-08 5786
vue3.0中找不到组件 或者找不到对应的类型声明如何解决？ 这里报错 、报错原因 报错就是ts影响 找不到组件模块或者找不到对应的类型声明 typescript 只能理解 .ts 文件，无法理解 .vue文件 解决方法 在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容： declare module '*.vue' { import { ComponentOptions } from 'vue' const componentO
引入 echars 遇到报错 “export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’
前端小攻城狮的博客
10-14 442
import echarts from 'echarts'; 改为 import * as echarts from 'echarts';
vue3安装echarts报错
06-07
如果在使用Vue3时安装Echarts报错，可能是因为Echarts的某些依赖库与Vue3的某些依赖库冲突导致的。建议您按照以下步骤解决： 1. 确认您的Vue3版本是否与Echarts兼容。可以查阅Echarts官方文档中的兼容性说明。 2. 尝试升级Vue3和Echarts的依赖库，可能存在某些依赖库版本不兼容的情况。 3. 确认您是否正确安装了Echarts。可以尝试重新安装Echarts并使用最新的版本。 4. 如果以上方法都无法解决问题，可以尝试调整webpack的配置文件，配置正确的别名和路径，确保Echarts能够正确引入。 希望这些方法能够帮助您解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值