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

使用Ionic 4 angular应用程序和电容器安装第三方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 不是构造函数(正在评估'new crunker__WEBPACK_IMPORTED_MODULE_4 __“Crunker”')


更新:

我已经尝试按照此answer将crunker添加到angular.json，但是遇到了同样的错误。

最佳答案

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

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

重要的是重建项目后要做npx cap copy

关于angular - 如何将第三方javascript库与ionic4和电容器一起使用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55278045/