VueCli安装v-charts后报错

最新推荐文章于 2024-07-24 14:49:56 发布

转载最新推荐文章于 2024-07-24 14:49:56 发布 · 423 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/tscn1/article/details/111650488

文章标签：

#echarts

本文介绍在VueCli项目中使用v-charts组件时遇到的依赖错误，并提供了解决方案。错误原因是缺少echarts依赖，通过指定版本安装echarts可以解决此问题。

VueCli安装v-charts后报错

官方下载方式：npm i v-charts echarts -S
然后就报错，依赖没有echarts

This dependency was not found:echarts/lib/visual/dataColor
in ./node_modules/echarts-liquidfill/src/liquidFill.js
To install it, you can run: npm install --save echarts/lib/visual/dataColor

原因
版本问题

解决方法

npm i v-charts echarts@4.9.0 -S

原文链接：https://blog.youkuaiyun.com/tscn1/article/details/111650488

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weerrqq

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct

高级前端工程师

07-02

2249

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引入失败且页面

【vue3学习】vue3引入echarts5全过程详解，附报错记录TypeError: Cannot read properties of undefined (reading ‘init‘)

weixin_44372834的博客

09-20

1716

【vue3学习】vue3引入echarts5全过程详解，附报错记录TypeError: Cannot read properties of undefined (reading ‘init‘)

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

vue 引入v-charts 报错_前端基础：为什么可以直接使用axios，不需要用 Vue.use()注册？...

weixin_35501172的博客

01-15

459

用Vue使用第三方组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，不需要用 Vue.use(axios)就能直接使用。那这是为什么呐？因为 axios 没有 install方法。定义一个全局常量第一步，在 src 下新建 const 文件夹下新建 const.js.├── src│ ├── const│ │ ...

vue2 安装 echarts-gl 报错

qq_42566295的博客

09-28

3362

vue2 安装 echarts-gl 报错

npm install 时报错npm WARN vue-echartsQ4.1.0 requires a peer of echartsQ^4.1.0 but none is installed.

weixin_46176940的博客

01-13

1777

npm install 时发生报错，vue安装使用v-chart时报错解决方案

echart报错echarts/lib/visual/dataColor in ./node_modules/echarts-liquidfill/src/liquidFill.js

qq_39687662的博客

08-01

3678

报错内容：This dependency was not found: * echarts/lib/visual/dataColor in ./node_modules/echarts-liquidfill/src/liquidFill.js To install it, you can run: npm install --save echarts/lib/visual/dataColor 解决方法：运行 npm i v-charts echarts@4.9.0 -S即可 ...

在Vue中使用Echarts，报错created hook: “TypeError: Cannot read property ‘getAttribute‘ of null“

qq_45073203的博客

07-18

493

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

Big-Screen-Vue-Datav-Echarts:政务大屏-前端(VUE+DataV+Echarts)

05-11

项目环境：vue-cli-3.0、webpack-4.0、npm-6.13、node-v12.16。请拉取 master 分支的代码，其余是开发分支。友情链接：，项目展示二、主要文件介绍文件作用/功能 main.js 主目录文件，引入Echart/DataV等文件...

ruoyi-admin和ruoyi-vue3笔记-gl-wms物流管理项目

最新发布

TY121810的博客

07-24

1535

gl-wms物流管理项目。

vue-cli3安装webpack-bundle-analyzer分析包文件

maquealone的博客

08-16

6495

前言使用vue-cli3创建了一个工程目录，技术栈为vue-cli3+vue-router+vuex+element-ui+v-charts+axios。但是等到项目开发完后，发现生成的app.js特别大，接近10M。为了优化项目性能，需要使用webpack-bundle-analyzer分析包文件，找出最占用空间的插件有哪些，对应做出优化。安装 cnpm install webpac...

Vue：绘制图表组件 v-charts的安装

简单随风的博客

09-16

5346

1. 使用npm安装 npm i v-charts echarts -S 2. 组件引入 v-charts有两种引入方式，一是所有图表组件完整引入，二是按所需图表类型按需引入完整引入在main.js中完成引入 import Vue from 'vue' import VCharts from 'v-charts' import App from './App.vue' Vue.use(...

vue插件--v-charts

weixin_53009474的博客

12-16

726

尝试使用 `npm i --save-dev @types/v-charts` (如果存在)，或者添加一个包含 `declare module 'v-charts';“d:/Javacode/fourweek/music-manage/node_modules/v-charts/lib/index.js”隐式拥有 "any" 类型。解决：新建一个.d.ts的文件，引入declare module 'v-charts';npm install v-charts --save（自定义安装依赖）

Vue图表(v-charts, e-charts)入门安装使用

weixin_45924425的博客

08-25

8900

Vue 中常使用的图标主要包括 e-charts 和 v-charts，如果仅为简单使用图表，推荐使用 v-charts，如果使用图表较为复杂，则使用 e-charts

【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题

Z_Wonderful的博客

07-27

2347

echarts5.x 版本适用于 echarts-liquidfill3。echarts4.x 版本适用于 echarts-liquidfill2。版本冲突，（明明重新安装了对应版本缺还是报错），原因：之前进行过多次安转。里面还有之前安装的版本文件，引入文件时有可能会引入不正确（解决方法：删除不需要的版本文件，重新启动项目。插件安装成功，需重启项目（看个人）都有可能不小心进行多次安装。

vue安装使用v-chart时报错解决方案

如梦山河的博客

01-10

2697

v-charts 安装： npm i v-charts echarts -S 运行报错： npm WARN echarts-liquidfill@2.0.6 requires a peer of echarts@^4.8.0 but none is installed. You must install peer dependencies yourself. npm WARN echarts-liquidfill@2.0.6 requires a peer of zrender@^4.3.1 but n

Vue To install it, you can run - - -

qq_44977477的博客

07-23

343

Vue 启动报错 To install it, you can run 检查下你的页面名称有没有写错

To install it, you can run: npm install --save core-js/modules/es.error.cause.js