响应本机上的FusionCharts-错误：“ assets / fusioncharts.widgets.js”无法加载，因为其扩展名未在assetExts中注册

问题描述

我正在使用带有expo的react native来测试ios上融合图的实时图表。

该图表未显示，仅显示“正在加载图表”。请耐心等待。'而在日志中出现如下错误

错误：“ assets / fusioncharts.widgets.js”无法加载，因为其扩展名未在assetExts中注册 在/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:356:13 在Generator.next（） 在asyncGeneratorStep（/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:52:24） 在_next（/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:72:9） 在/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:77:7 在新的Promise（） 在/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:69:12 在getAsset（/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:337:20） 在/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Server.js:752:28 在Generator.next（）

下面是我的代码。

import React,{ Component,useState } from "react";
import { Platform,StyleSheet,Text,View } from "react-native";
import FusionCharts from "react-native-fusioncharts";


export default function Fus1() {
  const [id,setId] = useState("stockRealTimeChart");
  const [type,setType] = useState("realtimearea");
  const [width,setWidth] = useState("100%");
  const [height,setHeight] = useState("100%");
  const [dataFormat,setDataFormat] = useState("json");
  const dataSource = {
    chart: {
      theme: "candy",caption: "Real-time stock price monitor",subCaption: "Harry's SuperMart",xAxisName: "Time",yAxisName: "Stock Price",numberPrefix: "$",refreshinterval: "5",yaxisminvalue: "35",yaxismaxvalue: "36",numdisplaysets: "10",labeldisplay: "rotate",showRealTimeValue: "0",},categories: [
      {
        category: [
          {
            label: "Day Start",],dataset: [
      {
        data: [
          {
            value: "35.27",};

  const event = {
    initialized: function (e) {
      function addLeadingZero(num) {
        return num <= 9 ? "0" + num : num;
      }

      function updateData() {

        var chartRef = FusionCharts("stockRealTimeChart"),label =
            addLeadingZero(currDate.getHours()) +
            ":" +
            addLeadingZero(currDate.getMinutes()) +
            ":" +
            addLeadingZero(currDate.getSeconds()),randomValue = Math.floor(Math.random() * 50) / 100 + 35.25,strData = "&label=" + label + "&value=" + randomValue;
   
        chartRef.FeedData(strData);
      }

      var myVar = setInterval(function () {
        updateData();
      },5000);
    },};

  const libraryPath = Platform.select({
    //android: { uri: "file:///android_asset/fusioncharts.html" },ios: require("../../assets/fusioncharts.html"),});

  return (
    <View>
      <Text>Example real time</Text>

      <FusionCharts
        type={type}
        width={width}
        height={height}
        dataFormat={dataFormat}
        dataSource={dataSource}
        libraryPath={libraryPath}
        id={id}
        event={event}
      />
    </View>
  );
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）