cal-heatmap在本地工作，但在heroku部署后出现错误

Question

我在本地的Angular 2（angular-cli）项目中运行了一个cal-heatmap实例。当我将项目部署到heroku时，它成功构建，但是我在控制台中遇到以下错误，并且我的cal-heatmap没有显示：

我不知道如何解决这个问题，因为我认为我不应该编辑cal-heatmap.js文件。第一个错误引用的文件中的行如下：

getDayOfYear: d3.time.format("%j"),

我确保在项目中正确引用了d3.js和cal-heatmap.js。

这是一种打字吗？我以为是，所以我在package.json依赖项中包含以下内容，但它没有区别：

• “@ types / d3”：“〜4.4.1”
• “@ types / cal-heatmap”：“~3.5.31”

我知道如何纠正这个并让我的heroku实例上运行cal-heatmap？

更新 我引用了最新版本的d3.js，所以我决定尝试在http://cal-heatmap.com/（v3.5.6）上引用推荐的版本。我现在得到以下错误：

我仍然不确定需要做些什么来纠正这个问题。

Answer 1

解决了这个问题。后来的错误是因为找不到#cal-heatmap div。我这是因为我在#cal-heatmap div上放置了一个* ngIf条件（为了在加载cal-heatmap时显示一个微调器）。这导致了一个问题，即代码无法找到#cal-heatmap div，因为它不存在/尚未显示。我需要做的就是删除* ngIf条件和加载/显示的cal-heatmap。

我认为最初的问题确实与更新版本的d3.js有关，所以我确定我也引用了v3.5.6。