Question

使用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：未定义的不是构造函数（正在评估'new crunker__WEBPACK_IMPORTED_MODULE_4 __“ Crunker”'）

更新：

按照这个answer，我尝试将crunker添加到angular.json中，但是出现相同的错误。

Answer 1

似乎该类Crunker is the default 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

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

2 个答案: