Как использовать стороннюю библиотеку javascript с ionic4 и конденсатором?

Question

Как правильно установить сторонние библиотеки javascript с угловым приложением Ionic 4 и конденсатором?

---

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

npm install crunker --save

Тогда ...

import * as crunker from 'crunker';
...
export class MyPage {

  constructor() {}

  doX() { 
     const crunk = new crunker.Crunker();
     ...
  }
  ...
}

Далее:

npm run build
npx cap copy
npx cap copy ios
npx cap open ios

Однако, когда я нажимаю на страницу в симуляторе IOS, я вижу следующую ошибку в консоли:

TypeError: undefined не является конструктором (оценка 'new crunker__WEBPACK_IMPORTED_MODULE_4 __ "Crunker"')

---

Обновление:

Я пытался добавить crunker в angular.json, согласно этому ответу , но я получаю ту же ошибку.

Answer 1

Кажется, что класс Crunker является экспортом по умолчанию , поэтому попробуйте:

import Crunker from 'crunker';

* 1006 Е.Г. *

import Crunker from 'crunker';
...
export class MyPage {

  constructor() {}

  doX() { 
     const crunk = new Crunker();
     ...
  }
  ...
}

Answer 2

Откройте angular.json и добавьте скрипт в раздел scripts .

"scripts": [
  "../node_modules/crunker/dist/crunker.js"
]

Важно сделать npx cap copy после перестройки проекта