ng build --prod выбрасывает неожиданный токен: punc ()) из-за импортированной библиотеки в списке модулей

Question

Приложение прекрасно загружается с ng serve, но выдает Unexpected token: punc ()) при сборке с ng build --prod.Создайте приложение с исходной картой и найдите причину, которая вызвана angular-gauge-chart .Обратился к разработчикам библиотеки за помощью, и вот что они сказали:

@ maihannijat - это библиотека, а не угловое приложение.Мы используем команду ng serve для запуска приложения, в котором размещена среда разработки библиотеки.Библиотека может быть собрана с помощью обычной команды ng build angular-gauge-chart.

Я импортировал модуль:

@NgModule({
  declarations: [XYZ],
  imports: [
    ...
    GaugeChartModule,
  ]
})

И использовал в шаблоне компонента:

<rg-gauge-chart [canvasWidth]="canvasWidth"
                [needleValue]="needleValue"
                [centralLabel]="centralLabel"
                [options]="options"
                [name]="name"
                [bottomLabel]="bottomLabel">
</rg-gauge-chart>

Я сделал именно их руководство говорит здесь: https://github.com/recogizer/angular-gauge-chart

Я попытался импортировать библиотеку в компоненте как:

import 'angular-gauge-chart';

И удален из модулей, но он бросает привязкуошибки и просит импортировать GaugeChartModule в модули.

Редактировать:

Отладка с:

ng build --prod --named-chunks --verbose --build-optimizer=false --source-map

Ошибка:

Неожиданный токен: punc ()) [./node_modules/gauge-chart/dist/bundle.js:169,0]

.attr(
  'transform',
  'translate(' + (n + 2 * e) + ', ' + (n + e) + ')',
)

Answer 1

Это исправлено в angular-gauge-chart@0.7.2.Еще раз спасибо за указание на это.

Для тех, кто когда-либо сталкивался с той же проблемой, этот ответ помог мне найти проблему.В моем случае проблема была в одной из зависимостей, у которой не было правильного bundle.js файла.Мой prettier был настроен таким образом, что форматировал уже собранный пакет.Таким образом, некоторые запятые и другая важная информация были потеряны.

Answer 2

Версия 0.7.1 выдает ошибку из-за запятых.Я использую версию 0.6.0 сейчас, пока разработчики не исправят проблему в новой версии.

Ссылка: https://github.com/recogizer/angular-gauge-chart/issues/28

Answer 3

импорт * как angularGaugeChart из 'angular-gauge-chart';