如何使用 ionic 5 下载文件

Question

我正在尝试使用我的 ionic 应用程序下载一个文件，但它不起作用，该文件是一个视频文件，我想在下载时显示一个进度条，它的工作原理是当用户点击下载时，它会检查目录AppName是否存在，它不会创建目录，然后下载目录中的文件。

这是我的代码

download() {
    this.chkmkDir().then(async ()=>{
        const fileTransfer: FileTransferObject = this.fileTransfer.create();
        this.storageDirectory = `${this.file.dataDirectory}${api.AppName}/`;
        fileTransfer.onProgress((progressEvent)=>this.progress=Math.round((progressEvent.loaded / progressEvent.total) * 100))
        let fileName=await this.service.getFileName('mp4')
        var URL = encodeURI('test.mp4');
        fileTransfer.download(URL,`${this.storageDirectory}${fileName}`, true)
    })
}
chkmkDir(){
    return new Promise((resolve, reject)=>{
        this.file.checkDir(this.file.dataDirectory, api.AppName).then(res=>resolve()
        ).catch(err => {
            this.file.createDir(this.file.dataDirectory, api.AppName,false).then(res =>resolve())
            .catch(err=>reject(JSON.stringify(err))); 
        });
    })
} 

请问我做错了什么，我在控制台中收到此错误 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'then' of undefined TypeError: Cannot read property 'then' of undefined

Answer 1

您正在使用的插件不存在。您的代码无法从插件中读取类。这可能是由于插件不兼容或与插件相关的其他依赖问题。

当您没有正确设置或配置插件时，也会发生这种情况。请检查您的 app.module.ts 文件。并检查控制台中是否记录了与插件版本不兼容相关的任何错误。简而言之，您所有的插件都应该与您的 "@ionic-native/core" 版本具有相同的版本。

例如：

package.json

"@ionic-native/core": "^5.0.0",
"@ionic-native/diagnostic": "^5.0.0",
"@ionic-native/dialogs": "^5.0.0",
"@ionic-native/file": "^5.0.0",
"@ionic-native/file-path": "^5.0.0",
"@ionic-native/file-transfer": "^5.0.0",
"@ionic-native/http": "^5.0.0",