如何将第三方 javascript 库与 ionic4 和电容器一起使用？

Question

使用 Ionic 4 angular 应用程序和 Capacitor 安装第三方 javascript 库的正确方法是什么？

我尝试按如下方式安装 crunker library：

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 (evaluating 'new crunker__WEBPACK_IMPORTED_MODULE_4__"Crunker"')

更新：

我尝试按照此将 crunker 添加到 angular.json，但我得到了同样的错误。

Answer 1

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

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

重要的是在重建项目

后做npx cap copy

Answer 2

似乎 class Crunker is the default export，所以尝试：

import Crunker from 'crunker';

例如

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

  constructor() {}

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

如何将第三方 javascript 库与 ionic4 和电容器一起使用？

How to use third party javascript library with ionic4 and capacitor?

angular

ionic4

capacitor