Угловой с помощью дросселей d3plus на кофе

Question

Я хочу использовать d3plus в проекте Angular.Главным образом для его умного переноса текста.

Я сделал файл d3.lib.ts с:

export * from 'd3';
export * from 'd3plus';

. В IntelliJ d3plus красный.У меня установлены npm d3, d3plus, @ types / d3 и @ types / d3plus.Это может быть излишним, но, безусловно, что-то здесь должно работать.

Когда я строю, я получаю:

ERROR in ./node_modules/d3plus/src/init.coffee 1:0
Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type.
> ###*
| # @class d3plus
| ###
ERROR in ./node_modules/d3plus/src/libs.coffee 1:26
Module parse failed: Unexpected token (1:26)
You may need an appropriate loader to handle this file type.
> window.d3       = require "d3"
| window.topojson = require "topojson"

Кажется, Angular пытается интерпретировать coffeescript, но я понятия не имею, почемусделал бы это.Почему он не просто игнорирует это и использует d3plus.js в папке над ним?

И как мне заставить это работать?Это правильный подход?

Answer 1

Я уточню свой ответ - я использую d3plus для функции переноса текста.Я не мог использовать функцию d3plus.textwrap, опубликованную в некоторых блогах.Из информации в Интернете я понял, что в d3 v4 должны использоваться отдельные пакеты d3plus.Для textwrap, например, мы должны использовать пакет d3plus-text и затем получить доступ к функции textwrap следующим образом:

new d3plus-text.textWrap()...

Answer 2

попробуйте npm i d3plus @ next, он установит оставшиеся пакеты.