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
相关产品推荐
相关产品推荐

