File 文档查看器、文件开启器在ionic中不工作

我是爱奥尼亚的新手。我想打开服务器中的pdf文件

为此，请使用以下

插件

。但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]  
})  

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', {});
}  

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

在我的

主页.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]  
})  

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', {});
}  

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

这是行不通的

我也试过这个。
在

主页.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]  
})  

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', {});
}  

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

但这也不起作用

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

---

谢谢。

console.log（）是您的url变量<代码>让url=entry.toURL（）；console.log（url）并查看其中的内容。好的，我将在这里更新，这是我得到的

btry.ToRL

console.log（）url变量的响应<代码>让url=entry.toURL（）；console.log（url）并查看其中的内容。好的，我将在这里更新，这是我得到的响应

btry.ToRL