Angular 4 Prod 构建中出现错误，带有意外的标记

Question

我在 angular prod 构建时遇到错误，并且我已将 tsconfig.json 修改为 "target": "es5"，但仍然遇到与以下相同的错误。这是在本地安装 fusionchart 包之后出现的。请帮助

Answer 1

是的，发生这种情况是因为您没有在 fcroot 模块下传递 FusionCharts 库文件，另外我建议您将 fusioncharts angular 插件更新到最新的 angular -fusioncharts，这里有一个片段供参考，您需要如何导入文件并将它们传递到 fc 根模块下才能进行生产构建

// 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';

// Pass the fusioncharts library and chart modules
FusionChartsModule.fcRoot(FusionCharts, Charts, FusionTheme);

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    // Specify FusionChartsModule as import
    FusionChartsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

如果您仍然遇到任何问题，我可以分享示例以供参考。

Answer 2

这是由于 FusionChart 包和当前项目的 ECMAScript 不匹配。我的项目使用的是 es6，而 Fusion 图表需要 es5。您不能拥有不同 ECMAScript 版本的包！

Angular 4 Prod 构建中出现错误，带有意外的标记

Error in Angular 4 Prod build with unexpected tokens

fusioncharts

ecmascript-5

uglifyjs

angular