You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular集成FusionCharts遇TypeError: core is not a function问题求助

解决Angular 13 + angular-fusionchart 3.2.3 + fusioncharts 3.2.0的"core is not a function"错误

针对你遇到的TypeError: core is not a function错误,以下是几个可行的排查和解决步骤:

  • 核对版本兼容性
    angular-fusionchart v3.2.3的peer依赖通常要求fusioncharts版本不低于3.19.0(而非你使用的3.2.0),过低的fusioncharts版本会导致API不兼容。建议升级fusioncharts到匹配版本:

    npm install fusioncharts@^3.19.0 --save
    
  • 修正FusionCharts的导入与初始化
    确保在app.module.ts中正确导入并初始化FusionCharts模块,避免导入方式错误导致的核心方法无法调用:

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { FusionChartsModule } from 'angular-fusioncharts';
    
    // 正确导入FusionCharts核心及依赖模块
    import FusionCharts from 'fusioncharts';
    import Charts from 'fusioncharts/fusioncharts.charts';
    import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';
    
    // 初始化FusionCharts根配置
    FusionChartsModule.fcRoot(FusionCharts, Charts, FusionTheme);
    
    @NgModule({
      imports: [BrowserModule, FusionChartsModule],
      declarations: [AppComponent],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    
  • 清理依赖缓存并重装
    依赖缓存或损坏的安装包可能导致模块加载异常,执行以下操作重置依赖:

    rm -rf node_modules package-lock.json
    npm cache clean --force
    npm install
    
  • 降级angular-fusionchart到v3.2.0
    既然你提到v3.2.0修复过类似错误,尝试降级到该版本并验证:

    npm uninstall angular-fusionchart
    npm install angular-fusionchart@3.2.0 --save
    
  • 检查组件中的使用方式
    确保在组件中使用fusioncharts指令时,没有错误传递配置参数,比如图表的dataSource是否格式正确,避免因配置错误触发服务初始化异常。

内容的提问来源于stack exchange,提问作者Tim Plasschaert

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 13:25:05