react-native-echarts打包的时候报错问题解决

  • Z时代
  • 2024-01-10
  • 分类：综合

react

react-native-echarts是通过 WebView 在移动端使用 Echarts 前端数据可视化库，

很强大，
https://github.com/somonus/react-native-echarts

一个月以前做的时候，发现这个库作者不维护了，，于是用的别的库，react-native-secharts,victory-native,

react-native-chart-kit 等，但这些库有些问题，react-native-secharts 打包出现资源重复问题，不知道怎么解决，

victory-native和react-native-chart-kit 不能满足项目中移上去显示 tooltip 的需求，于是，就没管这个问题，先去做web端项目了，但是一个月后继续做的时候发现react-native-echarts作者开始维护了，于是摒弃了其他库，开始用这个。

打包的时候遇见这个问题

\android\app\src\main\res\drawable-mdpi\node_modules_nativeecharts_src_components_echarts_tpl.html 
Error:Error: The file name must end with .xml or .png

原因是

release打包的时候把node_modules_nativeecharts_src_components_echarts_tpl.html打到了drawable下，这是不行的，要放到assets下

解决办法:
https://github.com/somonus/react-native-echarts/issues/12

release版本只能使用uri加载资源，android把tpl.html文件放在android/app/src/main/assets文件里，使用uri:'file:///android_asset/tpl.html’这个地址加载，ios在项目目录下建个文件夹，把tpl文件放里面去，使用uri:'文件名/tpl’加载，

也就是说把 node_modules\native-echarts\src\components\Echarts 里边的tpl.html 删除，复制添加到

assets里边，然后

修改的是 \node_modules\native-echarts\src\components\Echarts\index.js中的代码

源代码为：source={require('./tpl.html')}
修改为：source={{uri:'file:///android_asset/tpl.html'}}

以上是 react-native-echarts打包的时候报错问题解决 的全部内容， 来源链接： utcz.com/z/382227.html

回到顶部