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

2024-01-12

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


我尝试安装克鲁克图书馆 https://github.com/jackedgson/crunker如下:

npm install crunker --save

Then ...

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 模拟器中点击该页面时,我在控制台中看到以下错误:

类型错误:未定义不是构造函数(评估'new crunker__WEBPACK_IMPORTED_MODULE_4__“Crunker”')


Update:

我尝试将 crunker 添加到 angular.json,按照此answer https://stackoverflow.com/a/55329218/1033422,但我得到同样的错误。


看来 Crunker 班是默认导出 https://github.com/jackedgson/crunker/blob/master/src/crunker.js,所以尝试:

import Crunker from 'crunker';

E.g.

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

  constructor() {}

  doX() { 
     const crunk = new Crunker();
     ...
  }
  ...
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将第三方 javascript 库与 ionic4 和电容器一起使用? 的相关文章

随机推荐