Question

我必须在Ionic 3应用程序中使用某些插件，但它会显示“找不到名称”错误。我导入了

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

并在构造函数(public androidPermissions: AndroidPermissions)中进行声明，然后给出错误([ts] Cannot find name 'AndroidPermissions'.)。

在app.module.ts中声明相同的插件并在Provider中声明时，它给出了错误

[ts]
Type 'AndroidPermissionsOriginal' is not assignable to type 'Provider'.
Type 'AndroidPermissionsOriginal' is missing the following properties from type 'FactoryProvider': provide, useFactory [2322]

阅读论坛后，我用ngx导入了插件。

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

错误已解决，但在调用时会引发错误

Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function
    at AndroidPermissions.requestPermissions (http://192.168.0.13:8100/build/vendor.js:69796:154)
    at http://192.168.0.13:8100/build/main.js:138:32
    at t.invoke (http://192.168.0.13:8100/build/polyfills.js:3:14976)
    at Object.onInvoke (http://192.168.0.13:8100/build/vendor.js:5134:33)
    at t.invoke (http://192.168.0.13:8100/build/polyfills.js:3:14916)
    at r.run (http://192.168.0.13:8100/build/polyfills.js:3:10143)
    at http://192.168.0.13:8100/build/polyfills.js:3:20242
    at t.invokeTask (http://192.168.0.13:8100/build/polyfills.js:3:15660)
    at Object.onInvokeTask (http://192.168.0.13:8100/build/vendor.js:5125:33)
    at t.invokeTask (http://192.168.0.13:8100/build/polyfills.js:3:15581)

使用Network plugin和SMS plugin时发生类似错误。

还尝试将目标更改为es6和jib，以在tsconfig.json中使用es2016，但注意。下面是我的tsconfig.json

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "dom",
      "es2015"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5"
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules",
    "src/**/*.spec.ts",
    "src/**/__tests__/*.ts"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}

Answer 1

如果您使用的是离子版本3（不是最新版本），请参阅以下提及文档 https://ionicframework.com/docs/v3/native/android-permissions/

先删除
离子cordova插件删除cordova-plugin-android-permissions

用

重新添加

$ ionic cordova插件添加cordova-plugin-android-permissions

$ npm install --save @ ionic-native / android-permissions @ 4

Answer 2

尝试这些命令 -删除package-lock.json

ionic cordova platform remove android npm install ionic cordova platform add android@6.3.0 ionic cordova plugin add cordova-plugin-android-permissions npm install --save @ionic-native/android-permissions@4

TypeScript即使导出的Ionic 3也找不到名称“ ClassName”

2 个答案: