Document Viewer，File Opener无法在ionic中工作

Question

我是离子的新手。我想打开服务器中的pdf文件。

为此，以下plugins。但是pdf仍然没有打开。

首先我安装并添加了这些插件

1. ionic cordova plugin add cordova-plugin-file  
npm install @ionic-native/file
2. ionic cordova plugin add cordova-plugin-file-opener2  
npm install @ionic-native/file-opener
3. ionic cordova plugin add cordova-plugin-file-transfer  
npm install @ionic-native/file-transfer
4. ionic cordova plugin add cordova-plugin-document-viewer  
npm install @ionic-native/document-viewer

在我的app.module.ts中

import { DocumentViewer } from '@ionic-native/document-viewer/ngx';  
import { File } from '@ionic-native/file/ngx';  
import { FileOpener } from '@ionic-native/file-opener/ngx';  
import { FileTransfer } from '@ionic-native/file-transfer/ngx';  

@NgModule({  
declarations: [AppComponent],  
entryComponents: [],  
providers: [  
DocumentViewer,
File,
FileOpener,
FileTransfer,  
],  
bootstrap: [AppComponent]  
})  

在我的home.page.ts中

constructor(document: DocumentViewer, public file: File, public ft: FileTransfer, public fileOpener: FileOpener) { }
viewBook() {
let path = this.file.dataDirectory;  
const transfer = this.ft.create();  
transfer.download("https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", path + 'myfile.pdf').then(entry => {  
let url = entry.toURL();  
this.document.viewDocument(url, 'application/pdf', {});
}  

这是行不通的。

我也试过这个
在home.page.ts中

this.fileOpener.open(url, 'application/pdf');  

但这也不起作用。

请告诉我这里出了什么问题
谢谢。

Answer 1

在Config.xml文件中添加插件，然后尝试