npm uninstall @ionic-native/file @ionic-native/file-opener
npm install @capawesome-plugins/file-opener
npx cap sync

npm install @capacitor/filesystem
npx cap sync

import { Component, OnInit } from '@angular/core';
import { Filesystem, Directory, Encoding } from '@capacitor/filesystem';
import { FileOpener } from '@capawesome-plugins/file-opener';
import { Platform } from '@ionic/angular'; // 用于判斷平臺

@Component({
  selector: 'app-open-pdf',
  templateUrl: './open-pdf.page.html',
  styleUrls: ['./open-pdf.page.scss'],
})
export class OpenPdfPage implements OnInit {

  constructor(private platform: Platform) { }

  ngOnInit() {
    // 確保在設(shè)備上運(yùn)行
    if (this.platform.is('capacitor')) {
      // 可以在此處執(zhí)行一些初始化操作
    }
  }

  // ...
}

import { Component, OnInit } from '@angular/core';
import { Filesystem, Directory, Encoding } from '@capacitor/filesystem';
import { FileOpener } from '@capawesome-plugins/file-opener';
import { Platform } from '@ionic/angular';

@Component({
  selector: 'app-open-pdf',
  templateUrl: './open-pdf.page.html',
  styleUrls: ['./open-pdf.page.scss'],
})
export class OpenPdfPage implements OnInit {

  constructor(private platform: Platform) { }

  ngOnInit() {}

  async openPdf() {
    if (!this.platform.is('capacitor')) {
      console.warn('此功能僅在Capacitor設(shè)備上可用。');
      return;
    }

    const pdfAssetPath = 'assets/documents/mizzica.pdf'; // PDF在assets中的路徑
    const pdfFileName = 'mizzica.pdf'; // 目標(biāo)文件名

    try {
      // 1. 讀取assets目錄下的PDF文件內(nèi)容
      // 注意：Filesystem.readFile 無法直接讀取assets目錄，需要通過fetch API獲取
      const response = await fetch(pdfAssetPath);
      const blob = await response.blob();
      const base64Data = await this.blobToBase64(blob);

      // 2. 將文件內(nèi)容寫入設(shè)備的臨時目錄
      const result = await Filesystem.writeFile({
        path: pdfFileName,
        data: base64Data,
        directory: Directory.Cache, // 寫入緩存目錄，也可以選擇Filesystem.Directory.Data
        recursive: true // 確保路徑存在
      });

      const filePath = result.uri; // 獲取寫入文件的URI

      // 3. 使用FileOpener插件打開文件
      await FileOpener.open({
        filePath: filePath,
        contentType: 'application/pdf',
      });

      console.log('PDF文件已成功打開');

    } catch (e) {
      console.error('打開PDF文件時發(fā)生錯誤:', e);
      // 可以添加用戶友好的錯誤提示
    }
  }

  // 輔助函數(shù)：將Blob轉(zhuǎn)換為Base64字符串
  private blobToBase64(blob: Blob): Promise<string> {
    return new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.onloadend = () => {
        // FileReader result is like "data:application/pdf;base64,JVBER..."
        // We need to remove the "data:mime/type;base64," part
        const base64String = (reader.result as string).split(',')[1];
        resolve(base64String);
      };
      reader.onerror = reject;
      reader.readAsDataURL(blob);
    });
  }
}

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>打開PDF</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">打開PDF</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-button (click)="openPdf()">Apri PDF</ion-button>
</ion-content>