Ошибка установки jsPDF в Angular 4 на новом jsPDF() Неожиданный токен <

Question

jsPDF не удается создать новый jsPDF() с неожиданным токеном <, как я могу заставить это работать?

Я запустил npm install jspdf --save, затем npm install @types/jspdf --save. Это позволило мне добавить импорт * как jsPDF из 'jspdf'; в моем компоненте.

Component
import * as jsPDF from 'jspdf';

public createPDF() {
    let doc = new jsPDF(); // this line fails with unexpected 
                              token <
}

К вашему сведению, если я закомментирую let doc = new jsPDF, код скомпилируется. Не уверен, что здесь происходит любая помощь будет оценена. Благодарю.

Кстати, есть много постов, в которых говорится о добавлении скрипта в angular cli, но используемый мной проект не использует angular cli, поэтому я не могу импортировать его туда.

Answer 1

Хорошо, я понял, проблема была в регистре и синтаксисе. Строка, которая исправила это, была: 'jspdf': 'npm: jspdf / dist / jspdf.min.js' в systemjs.config.js. Причина, по которой он мне не удался, заключалась в том, что у меня он был как "jsPDF":... заглавный PDF вызвал у меня кучу головных болей и спасибо моему коллеге за дополнительный набор глаз.

Answer 2

В аналогичном случае я попробовал это с ванильным JS, я использовал min.js для импорта jsPDF. Мне пришлось использовать следующий код, чтобы заставить его работать.

      const doc = new jspdf.jsPDF();