使用 react 和 FileOpener 插件用离子电容器打开 pdf

问题描述

我有一个简单的带有电容器的 Android 应用程序，使用 Ionic 和 React。 我想打开一个存储在我设备中的 pdf 文件，为此我使用 FileOpener 插件（参考 https://github.com/pwlin/cordova-plugin-file-opener2）并创建一个处理函数来打开文件，我的代码是：

import { IonButton,IonContent,IonHeader,IonPage,IonTitle,IonToolbar } from '@ionic/react';
import ExploreContainer from '../components/ExploreContainer';
import './Home.css';
import React from 'react';
import {FileOpener} from '@ionic-native/file-opener'

const Home: React.FC = () => {
  const handler = () => {
    FileOpener.open(
      'pdf/myletter.pdf','application/pdf',);
  }
  return (
    <IonPage>
      <IonHeader>
        <IonToolbar>
          <IonTitle>Blank</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent fullscreen>
        <IonButton onClick={handler}>
          boton
        </IonButton>
      </IonContent>
    </IonPage>
  );
};

export default Home;

这个想法很简单，应用程序只有一个按钮来激活处理程序 image of the app running

但是当函数尝试执行 FileOpener 时发生了任何事情，并且在 Android Studio 中得到了这个消息：

E/Capacitor/Console: 文件：capacitor-runtime.js - Line 1337 - Msg: Uncaught (in promise) #

有谁知道为什么它无法打开pdf？谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）