Question

Module1.module.ts

//Adding fusion charts
import { FusionChartsModule } from 'angular-fusioncharts';
import * as FusionCharts from 'fusioncharts';
import * as Charts from 'fusioncharts/fusioncharts.charts';
import * as FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';
import * as Widgets from "fusioncharts/fusioncharts.widgets";
//No error in this module
FusionChartsModule.fcRoot(FusionCharts, Widgets, FusionTheme );

Module2.module.ts

    // Import angular-fusioncharts
    import { FusionChartsModule } from "angular-fusioncharts";
    // Import FusionCharts library and chart modules
    import * as FusionCharts from "fusioncharts";
    import * as Charts from "fusioncharts/fusioncharts.charts";
    import * as FusionTheme from "fusioncharts/themes/fusioncharts.theme.fusion";
    // Pass the fusioncharts library and chart modules
    FusionChartsModule.fcRoot(FusionCharts, Charts, FusionTheme);

   //Error in this module.
    GET http://localhost:4200/fusioncharts.charts.js net::ERR_ABORTED 404 (Not Found)

推断。

我已经为想要使用的每种图表类型在模块级别导入了FusionChart。
同一级别的模块导入会相互干扰。
将 Module1.module.ts更改为关注对象。

Module1.module.ts

    //Adding fusion charts
    import { FusionChartsModule } from 'angular-fusioncharts';
    import * as FusionCharts from 'fusioncharts';
    import * as Charts from 'fusioncharts/fusioncharts.charts';
    import * as FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';
    import * as Widgets from "fusioncharts/fusioncharts.widgets";
    //Charts is added. Now 404 error in module2.module.ts is resolved
    FusionChartsModule.fcRoot(FusionCharts, Widgets, Charts , FusionTheme );

有人可以解释在Angular中导入FusionCharts的正确方法是什么？是要在根模块中导入所有需要的图表还是在相应模块中根据需要将其导入？

找不到Fusionchart软件包。 GET http：// localhost：4200 / fusioncharts.charts.js net :: ERR_ABORTED 404（未找到）

0 个答案: