如何使用 Ionic cordova-plugin-device 模块？答案

【问题标题】：How to use Ionic cordoba-plugin-device module?如何使用 Ionic cordova-plugin-device 模块？
【发布时间】：2021-08-18 11:27:28
【问题描述】：

我正在尝试使用 this 在 Ionic 应用程序中获取设备号，但出现错误：

src/app/app.module.ts(47,5) 中的错误：错误 TS2322：类型“DeviceOriginal”不可分配给类型“Provider”。类型“DeviceOriginal”不可分配给类型“ClassProvider”。 “DeviceOriginal”类型中缺少属性“provide”。 src/app/pages/place-detail/place-detail.page.ts(70,21)：错误 TS2304：找不到名称“设备”。

当运行$ ionic info:

Ionic:
  ionic (Ionic CLI)             : 4.9.0
  Ionic Framework               : @ionic/angular 4.8.0
  @angular-devkit/build-angular : 0.13.9
  @angular-devkit/schematics    : 7.2.4
  @angular/cli                  : 7.2.4
  @ionic/angular-toolkit        : 1.2.3

Cordova:
  cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
  Cordova Platforms     : android 8.0.0, browser 5.0.4, ios 5.0.1
  Cordova Plugins       : cordova-plugin-ionic 5.4.4, cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 11 other plugins)

System:
  ios-deploy : 1.9.4
  ios-sim    : 8.0.2
  NodeJS     : v11.8.0    npm        : 6.9.0
  OS         : macOS
  Xcode      : Xcode 12.3 Build version 12C33

app.module.ts:

import { Device } from '@ionic-native/device';

...
providers: [
  ...
  Device,
  ...
]

package.json:

...
"dependencies": {
  ...
  "@ionic-native/device": "^4.20.0",
  "cordova-plugin-device": "^2.0.3",
  ...
"cordova": {
  "plugins": {
    "cordova-plugin-device": {
      "OKHTTP_VERSION": "3.10.0",
      "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      ...
  },

detail.page.ts:

import { Device } from '@ionic-native/device';

constructor(
  ...
  private device: Device) {}

ngOnInit() {
  console.log('Device UUID is: ' + this.device.uuid);
}

有人可以帮帮我吗？提前致谢。

【问题讨论】：

使用这个“import { Device } from '@ionic-native/device/ngx'”代替'import { Device } from "@ionic-native/device";'

标签： typescript cordova ionic-framework

【解决方案1】：

在 Angular 应用程序的主模块中的提供程序中包含设备。下面的示例代码

// app.module.ts
import { Device} from '@ionic-native/device';

...

@NgModule({
  ...

  providers: [
    ...
    Device
    ...
  ]
  ...
})
export class AppModule { }

【讨论】：