angular - 如何使用带有 ionic4 和电容器的第三方 javascript 库？

Question

使用 Ionic 4 Angular 应用程序和电容器安装第三方 javascript 库的正确方法是什么？

---

我尝试按如下方式安装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 is not a constructor (评估'new crunker__WEBPACK_IMPORTED_MODULE_4__"Crunker"')

---

更新：

根据这个答案，我尝试将 crunker 添加到 angular.json，但我得到了同样的错误。

Answer 1

似乎 Crunker 类是默认的 export，所以试试：

import Crunker from 'crunker';

例如

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

  constructor() {}

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

Answer 2

打开angular.json并将脚本添加到脚本部分。

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

npx cap copy重建项目后要做的重要事情