离子:添加到FileUploadOptions时app.module.ts抛出错误

Question

我试图在AWS s3上上传图像，因为我使用的是@ionic-native/file-transfer，但是当我试图添加FileUploadOptions时，我会得到错误。FileTransfer和FileTransferObject不会出现错误。我需要FileUploadOptions.params为AWS s3。

注意:我已经研究过node_/@离子型本机/文件传输-一些FileUploadOptions代码被注释了。这有问题吗？有没有人知道其他稳定的文件传输版本。我现在疯了

我使用以下命令安装了脚本

$ ionic cordova plugin add cordova-plugin-file-transfer
$ npm install --save @ionic-native/file-transfer

比我更新我的app.module.ts：

import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer';

在app.module.ts的提供者数组中：

providers: [
        StatusBar,
        FileUploadOptions,
        FileTransfer,
        FileTransferObject,
        File,
        Camera,
        SplashScreen,
        { 
            provide: ErrorHandler, 
            useClass: IonicErrorHandler 
        },
        {
            provide: AuthHttp,
            useFactory: getAuthHttp,
            deps: [Http]
        },        
        DataServiceProvider,
        LocationServiceProvider,
        Geolocation,
        JwtHelper,
        AuthServiceProvider 
    ]

当我在提供程序数组中添加FileUploadOptions时，我会得到以下错误：

类型记录错误“FileUploadOptions”仅指类型，但在此处用作值。C:/xampp/htdocs/ionic/tellworld-mobile/src/app/app.module.ts StatusBar，FileUploadOptions，FileTransfer，

package.json：

"dependencies": {
        "@angular/common": "4.1.3",
        "@angular/compiler": "4.1.3",
        "@angular/compiler-cli": "4.1.3",
        "@angular/core": "4.1.3",
        "@angular/forms": "4.1.3",
        "@angular/http": "4.1.3",
        "@angular/platform-browser": "4.1.3",
        "@angular/platform-browser-dynamic": "4.1.3",
        "@ionic-native/camera": "^4.2.1",
        "@ionic-native/core": "3.12.1",
        "@ionic-native/file": "^4.2.1",
        "@ionic-native/file-transfer": "^4.2.1",
        "@ionic-native/geolocation": "^4.1.0",
        "@ionic-native/splash-screen": "3.12.1",
        "@ionic-native/status-bar": "3.12.1",
        "@ionic/storage": "^2.0.1",
        "@ngui/map": "^0.18.4",
        "@types/googlemaps": "^3.26.20",
        "angular2-jwt": "^0.2.3",
        "cordova-ios": "^4.4.0",
        "cordova-plugin-camera": "^2.4.1",
        "cordova-plugin-console": "^1.0.5",
        "cordova-plugin-device": "^1.1.4",
        "cordova-plugin-file": "^4.3.3",
        "cordova-plugin-file-transfer": "1.6.3",
        "cordova-plugin-geolocation": "^2.4.3",
        "cordova-plugin-splashscreen": "^4.0.3",
        "cordova-plugin-statusbar": "^2.2.2",
        "cordova-plugin-whitelist": "^1.3.1",
        "cordova-sqlite-storage": "^2.0.4",
        "ionic-angular": "3.6.0",
        "ionic-plugin-keyboard": "^2.2.1",
        "ionicons": "3.0.0",
        "moment": "^2.18.1",
        "ngmap": "^1.18.4",
        "rxjs": "5.4.0",
        "sw-toolbox": "3.6.0",
        "zone.js": "0.8.12"
    },
"devDependencies": {
        "@ionic/app-scripts": "2.1.3",
        "ionic": "3.9.2",
        "typescript": "2.3.4"
    },

Answer 1

只需在FileTransfer数组中包含providers：

providers: [
    StatusBar,
    // FileUploadOptions,
    // FileTransferObject,
    FileTransfer, // <--- This one!        
    File,
    Camera,
    SplashScreen,
    { 
        provide: ErrorHandler, 
        useClass: IonicErrorHandler 
    },
    {
        provide: AuthHttp,
        useFactory: getAuthHttp,
        deps: [Http]
    },        
    DataServiceProvider,
    LocationServiceProvider,
    Geolocation,
    JwtHelper,
    AuthServiceProvider 
]

FileUploadOptions和FileTransferObject 不是提供程序，而是与插件交互时使用的类/接口。