将 AndroidPermissions 插件添加到 ionic 项目并出现错误

Question

我想将 AndroidPermissions 和 UniqueDeviceID 插件添加到我的项目中。但是当我运行该项目时，我收到以下错误。

Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function
    at AndroidPermissions.checkPermission (index.js:182)

这是我的项目的详细信息：

Angular CLI: 8.3.19
Node: 12.13.0
OS: win32 x64
Angular: 5.2.11
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic

@angular-devkit/architect 0.803.19
@angular-devkit/build-optimizer 0.0.35
@angular-devkit/core 8.3.19
@angular-devkit/schematics 8.3.19
@angular/cli 8.3.19
@angular/compiler-cli 8.2.14
@schematics/angular 8.3.19
@schematics/update 0.803.19
rxjs 5.5.11
typescript 2.6.2
webpack 3.12.0

C:\projeler\ohsmobile>离子 -v 5.4.6

Answer 1

如果没有更多信息，很难知道如何回答这个问题，但是您可以检查一些一般性的事情。

1. 您是如何“运行”该项目的？由于您使用的是 Ionic Native 插件，因此在模拟器或真实设备上进行测试非常重要。这意味着 ionic cordova build android 并在 Android Studio 中打开或ionic cordova run android 用于连接 USB 的真实设备。

2. 检查您是否已将 AndroidPermissions 和 UniqueDeviceID 作为 providers 包含在您尝试使用它的页面的 app.module.ts 或 module.ts 中。示例：

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        IonicModule,
        RouterModule.forChild(routes)
    ],
    providers: [AndroidPermissions, UniqueDeviceID],
    declarations: []
})

1. 确保您已从 Ionic 文档运行这些命令：

ionic cordova plugin add cordova-plugin-uniquedeviceid
npm install @ionic-native/unique-device-id

ionic cordova plugin add cordova-plugin-android-permissions
npm install @ionic-native/android-permissions

4. 确保从正确的位置导入：

import { AndroidPermissions } from '@ionic-native/android-permissions/ngx'
import { UniqueDeviceID } from '@ionic-native/unique-device-id/ngx'

5. Ionic 文档中的用法：

import { AndroidPermissions } from '@ionic-native/android-permissions/ngx';


constructor(private androidPermissions: AndroidPermissions) { }

...

this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.CAMERA).then(
  result => console.log('Has permission?', result.hasPermission),
  err => this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA)
);

this.androidPermissions.requestPermissions([this.androidPermissions.PERMISSION.CAMERA, this.androidPermissions.PERMISSION.GET_ACCOUNTS]);