在 ionic 3 中使用 FilePicker-Phonegap-iOS-Plugin 提供离子服务时出现类型错误

Question

我正在开发 Ionic3 应用程序并希望允许用户从他们的设备上传文件。 cordova/phonegap 文件选择器插件有问题。我按照这里的说明操作：

https://github.com/jcesarmobile/FilePicker-Phonegap-iOS-Plugin

但即使使用 Ionic 文档中给出的最简单的代码也不起作用:

import { IOSFilePicker } from '@ionic-native/file-picker/ngx';

constructor(private filePicker: IOSFilePicker) { }

this.filePicker.pickFile()
  .then(uri => console.log(uri))
  .catch(err => console.log('Error', err));

我一直收到这个错误：

ERROR Error: Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function
    at IOSFilePicker.pickFile (index.js:27)

插件已正确安装在 app.module.ts 中，具有正确的 ngx 路径。

这里有一些关于版本的附加信息：

离子框架：3.9.2
离子应用程序脚本：3.1.8
Angular核心：6.0.3
Angular 编译器 CLI：6.0.3
节点：8.11.3
@ionic-native/file-picker: 5.4.0
rxjs: 6.3.3
打字稿：2.7.2

有什么想法吗？

感谢

Answer 1

安装插件：

ionic cordova plugin add cordova-plugin-filepicker

npm install --save @ionic-native/file-picker@4

在您的应用模块中添加

import { IOSFilePicker } from '@ionic-native/file-picker';


@NgModule({
..
   providers:[
      IOSFilePicker
   ]
})

现在在您的页面组件中使用

import { IOSFilePicker } from '@ionic-native/file-picker';

class ... 构造函数（私有文件选择器：IOSFilePicker）{}

getFile(){

    this.filePicker.pickFile()
      .then(uri => console.log(uri))
      .catch(err => console.log('Error', err));

}

参考。 https://ionicframework.com/docs/v3/native/ios-file-picker/

在 ionic 3 中使用 FilePicker-Phonegap-iOS-Plugin 提供离子服务时出现类型错误

Type error when ionic serving with FilePicker-Phonegap-iOS-Plugin in ionic 3

filepicker

ios

cordova

ionic3