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

这篇具有很好参考价值的文章主要介绍了【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目标效果图:
【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题,react.js,echarts,javascript

安装:

npm install echarts
npm install echarts-liquidfill

引入:

Import:

import * as echarts from 'echarts';
import 'echarts-liquidfill'   或    import 'echarts-liquidfill/src/liquidFill.js'

Or:

import * as echarts from 'echarts/core';
import 'echarts-liquidfill

需要注意(版本问题):

echarts5.x 版本 适用于 echarts-liquidfill3

echarts4.x 版本 适用于 echarts-liquidfill2

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

报错:
1.
【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题,react.js,echarts,javascript
2.
【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题,react.js,echarts,javascript

错误原因:
1.
echartsecharts-liquidfill版本不兼容
2.
echarts-liquidfill插件安装成功,需重启项目(看个人)
3.
echartsecharts-liquidfill版本冲突,(明明重新安装了对应版本缺还是报错),原因:之前进行过多次安转node_modules里面还有之前安装的版本文件,引入文件时有可能会引入不正确(import 'echarts-liquidfill'),例如:
echartsecharts-liquidfill都有可能不小心进行多次安装
【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题,react.js,echarts,javascript
解决方法:删除不需要的版本文件,重新启动项目文章来源地址https://www.toymoban.com/news/detail-611831.html

到了这里,关于【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Taro + React + TS + Taro-UI + ECharts + Markdown 开发微信小程序

    1、安装 Taro 脚手架工具 npm install -g @tarojs/cli yarn global add @tarojs/cli 2、taro 初始化项目 taro init taro-app 安装 taro-ui cd taro-app yarn add taro-ui 全局引入taro-ui样式 3、项目路由路径 page 对应项目路径 lazyCodeLoading 组件按需注入 Taro.navigateTo({url: xxx}) 小程序内部跳转 4、全局添加分享功能

    2024年02月04日
    浏览(40)
  • 如何正确下载PyTorch、CUDA版本!!

    因为在torch框架里经常出现NVIDIA、CUDA、PyTorch这几个不兼容,等等一些让人头疼的问题。这里总结正确下载pytorch的方法。 目录 安装pytorch 安装CUDA 一.查看自己cuda版本 方法一:  方法二: CMD中输入:   我的是CUDA版本12.0,版本向下兼容,意思就是 CUDA 12.0及以下版本的都可以安

    2024年02月15日
    浏览(41)
  • React18.x + i18next + antd 国际化正确使用姿势及避坑指南

    如果你使用这个教程还不能够解决你的问题的话,直接私信我,免费一对一给你解决。 具体的创建方法大家参考vite官方文档,大概的操作如下,如果需要更详细的,大家去自行搜索即可 因为我这里使用的是ts版本,所以,你自己看着办吧。 其中 i18next-browser-languagedetector i1

    2024年02月05日
    浏览(62)
  • 已解决正确查看pip版本、查看pip帮助命令

    已解决(pip查看版本报错)Usage:pip [options] no such option: —verson 粉丝群一个小伙伴想用pip查看版本报错,但是发生了报错(当时他心里瞬间凉了一大截,跑来找我求助,然后顺利帮助他解决了,顺便记录一下希望可以帮助到更多遇到这个bug不会解决的小伙伴),报错代码如下

    2023年04月17日
    浏览(44)
  • 如何正确查看pytorch运行时真正调用的cuda版本

    一般情况我们会安装使用多个cuda版本。而且pytorch在安装时也会自动安装一个对应的版本。 正确查看方式:  想要查看 Pytorch 实际使用的运行时的 cuda 目录,可以直接输出之前介绍的 cpp_extension.py 中的 CUDA_HOME 变量。 上面输出的 /usr/local/cuda 即为软链接的cuda版本。  不正确查

    2024年02月11日
    浏览(112)
  • Vue版本echarts 全国地图geo、geo3D

    需求:大屏显示3D全国地图,点击地图上标记连接到指定页面,网上资源多数不是Vue版本的,实现的方式也是由html页面修改为Vue版本 效果展示:         由于图片涉嫌违规,给大家一个自己脑补的空间~ 环境要求: 使用npm安装echarts和eacharts-gl依赖 代码: 在mounted中执行 参考

    2024年02月11日
    浏览(69)
  • [前端][杂项] React版本

    前端框架版本迭代很快,所以熟悉框架的版本也很重要。 React 版本介绍 。github上有更加详细的文档 React历史版本下载 因为 React 使用的是 jsx 如果要在浏览器环境中使用 jsx 那么还需要使用babel.js把jsx转换成原生js文件才能被浏览器使用。 babel官网 babel使用 这个babel更是重量级

    2024年04月15日
    浏览(28)
  • 解决Ruoyi单体版本集成Echarts多图表时在Tab模式下不展示问题

    目录 背景 一、Tab拆分后无法展示 1、环境简介  2、原始报表功能说明  3、tab切分遇到的问题  二、问题分析及解决 1、问题分析 2、问题解决 3、初始化时图表渲染 4、Tab切换时重渲  总结         最近在使用ruoyi的单体化版本进行Echarts多图表展示时遇到一个问题,ruoyi单

    2024年02月15日
    浏览(38)
  • React16、17、18版本新特性

    react-16版本新特性 一、hooks 二、memo、lazy、Suspense 三、Profiler Profiler 能添加在 React 树中的任何地方来测量树中这部分渲染所带来的开销 四、createContext、createRef、forwardRef、生命周期函数的更新、Strict Mode 五、Fragment 六、createPortal react-17版本新特性 一、全新的 JSX 转换 React 17以

    2024年02月05日
    浏览(39)
  • React 多环境运行打包配置(版本区分)

    前后端分离的项目中,前端会有很多环境:本地开发,测试环境,预发布环境,正式上线环境等等,我们的项目有多套基本相同的项目,处于多种环境,当每个环境都需要打包的时候,手动修改配置就很繁琐而且难免出错,比如每个环境对应的服务器地址不同,项目名称不同

    2023年04月09日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包