错误类型错误：t.rgb 不是 angular prod 环境中 C3JS 的函数问题答案

【问题标题】：ERROR TypeError: t.rgb is not a function issue with C3JS in angular prod environment错误类型错误：t.rgb 不是 angular prod 环境中 C3JS 的函数问题
【发布时间】：2019-12-10 06:06:14
【问题描述】：

我已经做了很多研究来解决这个问题，但是没有找到任何解决方案。我已经使用 c3 js version 0.7.11 和 Angular CLI version 7.0.7。有人可以帮我解决这个问题吗？

main.b5c5d0251120bfab71af.js:1 ERROR TypeError: t.rgb is not a function
    at xe (main.b5c5d0251120bfab71af.js:1)
    at we (main.b5c5d0251120bfab71af.js:1)
    at main.b5c5d0251120bfab71af.js:1
    at Vm (main.b5c5d0251120bfab71af.js:1)
    at Module.UQyC (main.b5c5d0251120bfab71af.js:1)
    at f (runtime.ec2944dd8b20ec099bf3.js:1)
    at new e (main.b5c5d0251120bfab71af.js:1)
    at new r (main.b5c5d0251120bfab71af.js:1)
    at Object.generate (main.b5c5d0251120bfab71af.js:1)
    at t.ngAfterViewInit (main.b5c5d0251120bfab71af.js:1)

【问题讨论】：

c3 js 版本 0.7.11 是否与 Angular 版本 7.0.7 兼容？
@PujanShah 是的
@angular-devkit/build-angular 的版本是多少？
@angular-devkit/build-angular:"~0.10.0"
将其版本更改为 0.803.17 并尝试一次。

标签： angular production-environment c3.js

【解决方案1】：

最后，我找到了解决这个问题的方法。这是D3版本的问题。他们以rollupJs 的方式发布了4.x.x + 版本。它即时生成主 D3.js。 由于这些更改，当我们使用 --prod 进行构建时，它不会被捆绑到 main.js 文件中。

所以，这是一个问题的解决方案。

第 1 步：我们需要安装 d3 的更新版本。即5.14.2。

步骤2：将./node_modules/d3/dist/d3.js添加到configuration -> production下的脚本块部分。在 angular.json 文件中。

这里的第 2 步将为您额外构建添加的文件。

【讨论】：

我不明白第 2 步，但是 npm install d3@4.13.0 就像一个魅力 =]
@ItayBenShmuel 第 2 步只是将 d3.js 添加为要在构建过程中捆绑的外部 JS 文件。但是是的，正如你所说，d3@4.13.0 效果很好。