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

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

我们下载安装了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 5864
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": "
记录一下 echarts报错 echarts is not defined
weixin_44723976的博客
09-25 1830
记录一下我 echarts报错 echarts is not defined原因 问题描述： 新手开发第一次接触echarts,我下载了echarts,标签式单文件引入echarts,浏览器一直报没有定义echarts,百度所有问题都试了还是不行,后面请求大佬一分钟就搞定了,新手第一次记录问题,大佬勿喷 原因分析解决方案： 我是二级页面窗口调用echarts,这是父页面跳转子页面代码,重点就是"href",如果用这个指向的话,子页面引用echarts必须在子页面<body></body&g
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 341
我们只需要在 npm install echarts 后加上-legacy-peer-deps 就可以成功安装。
Echarts.js无法引入问题解决方案
01-21
使用echart卡在引入包的问题上了。 到github下载的js一直引入不了。注意是引入dirt文件夹下的echarts.js 把这个文件夹放入工程即可。其余都不用。 代码部分简单的一匹： <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>ECharts</title> <!-- 引入 echarts.js --> [removed][removed] </head> <body> <!-- 为
Vue使用echarts得3D绘图时，引入“echarts-gl”报错，not found Grid3DView、LabelsBuilder
前端颜小白
06-07 7394
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
vue想引入echarts，直接卡在安装失败 如何解决
曲江涛的博客
05-18 2621
确保您已经正确指定了echarts的版本号，并且没有其他依赖项与之冲突。您可以参考echarts的官方文档来确定正确的版本和配置。有时候安装失败可能是由于缓存问题造成的。您可以尝试清除npm的缓存，然后重新安装echarts。请确保您的网络连接正常，并且没有被防火墙或代理服务器阻止。如果以上方法仍然无法解决问题，请提供更具体的错误信息或日志，以便我能够更好地帮助您解决问题。这些工具是用于管理依赖项的常见工具，您需要确保它们已经正确安装在您的开发环境中。然后，重新运行安装echarts的命令。
【ECharts】无法找到模块“echarts”的声明文件
Milk~每天分享一点点，技术进步一点点
09-01 9878
先看问题 解决方式（声明echarts） 文件目录如下 代码演示如下 declare module 'echarts' { const echarts: any export default echarts } 实现效果
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实例图的相关资料，文中介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue项目创建简单echarts图表
01-11
在Vue项目中集成ECharts，可以方便地创建交互式的数据可视化组件。以下是一个详细的步骤指南，教你如何在Vue项目中创建一个简单的ECharts图表。 首先，确保你已经安装了Node.js和Vue CLI。如果没有，你可以访问官方...
echarts绘制globe等3d图无效
Jone's Area
01-20 2790
复制官方示例代码，发现无效，原来要画这种3d类的需要另外引入一个包echarts-gl，戳我直达 js <script src="lib/echarts.min.js"></script> <script src="lib/echarts-gl.min.js"></script> webpack //安装 npm install echarts npm install echarts-gl //使用 import echarts from '...
vue项目中引用echarts
鲸落
01-27 348
遇到的问题：echarts引用不进项目中 像往常一样下载echarts npm install echarts -S 在main.js中引用echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 结果报错了，发现没引用成功，然后翻找了echarts官网发现 所以引用方式是 const echarts = require('echarts') // 或者 import * as echarts from .
vue3.0中找不到组件 或者找不到对应的类型声明。怎么解决
weixin_53532986的博客
07-08 5789
vue3.0中找不到组件 或者找不到对应的类型声明如何解决？ 这里报错 、报错原因 报错就是ts影响 找不到组件模块或者找不到对应的类型声明 typescript 只能理解 .ts 文件，无法理解 .vue文件 解决方法 在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容： declare module '*.vue' { import { ComponentOptions } from 'vue' const componentO
vue使用echarts中遇到的问题及解决方法
简白的博客
04-22 3266
最近在做demo的过程中用到了echarts，在过程中也踩了好多坑，所以专门记录一下遇到的问题及解决方案。 遇到的问题 安装完echarts依赖后表格示例无法显示 示例图标显示后格式异常 再次进入业务事件后提示dom已加载并展示异常 解决方案 安装完echarts依赖后表格示例无法显示 解决方案：这种问题一般会是两种情况：一是版本不对应的问题，npm install echarts --save默认的是最新的版本(5.1x)，直接安装最新版本的echarts可能会出现上述问题，所以需要降低版本安装ech
windows下：“activate” is not a conda command
wzg2016的博客
09-07 3626
在windows下安装了anaconda并安装虚拟环境后，打开Anaconda Prompt窗口，执行“conda activate virtual-env”时出现以下错误：可能与conda的版本有关，该错误只在4.6.8到4.6.11中出现。其他版本应该没有什么问题。直接执行 或 解决方案2： conda降级
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、付费专栏及课程。

余额充值