cal-heatmap работает локально, однако ошибки после развертывания герою

Question

У меня есть экземпляр cal-heatmap, который отлично работает на моем проекте Angular 2 (angular-cli) локально. Когда я развернуть проект Heroku он строит успешно, однако я получаю следующие ошибки в консоли и мой кал-Heatmap не показывает:

Я не уверен, как это исправить, как я не думаю, что мне нужно редактировать файл cal-heatmap.js. Строка в файле первая ошибка имеет в виду следующее:

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

Я уверен, что я ссылались, как d3.js и Кал-heatmap.js правильно в моем проект.

Это типичная вещь? Я думал, что это было, поэтому я включил следующий в моей зависимости package.json однако это не имеет никакого значения:

• «@ типов/d3»: «~ 4.4.1»
• «@ типов/кальцит heatmap ":" ~ 3.5.31 "

Любая идея, как я могу исправить это и получить cal-heatmap, работающий на моем экземпляре heroku?

UPDATE я ссылающийся на самую последнюю версию d3.js, поэтому я решил попробовать ссылки на рекомендуемую версию на http://cal-heatmap.com/ (v3.5.6). Теперь я получаю следующие ошибки:

Я все еще не уверен, что нужно сделать, чтобы исправить это.

Answer 1

Решает проблему. Более поздняя ошибка состояла в том, что нельзя было найти div # cal-heatmap. Это было связано с тем, что я положил условие * ngIf на div # cal-heatmap (для отображения показания счетчика при загрузке cal-heatmap). Это вызвало проблему, при которой код не смог найти div # cal-heatmap, потому что он не существовал/пока не был показан. Все, что мне нужно было сделать, это удалить условие * ngIf и загрузить/отобразить cal-heatmap.

Я полагаю, что первоначальная проблема связана с более поздней версией ссылки d3.js, поэтому я также убедился, что я ссылаюсь на v3.5.6.