微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Native错误:RNHTMLtoPDF错误:无法创建文件夹结构

如何解决React Native错误:RNHTMLtoPDF错误:无法创建文件夹结构

开发环境

System:
    OS: macOS 10.15.4
    cpu: (8) x64 Intel(R) Core(TM) i7-4770HQ cpu @ 2.20GHz
    Memory: 248.71 MB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 13.2.0 - /usr/local/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.13.4 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.9.3 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 13.4,DriverKit 19.0,macOS 10.15,tvOS 13.4,watchOS 6.2
    Android SDK: Not Found
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.5900203
    Xcode: 11.4.1/11E503a - /usr/bin/xcodebuild
  Languages:
    Java: 13.0.1 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1 
    react-native: 0.62.2 => 0.62.2 
  npmGlobalPackages:
    *react-native*: Not Found

我无法在ANDROID API LEVEL 29中制作PDF。在API LEVEL 28中工作正常。 因此,我将RN版本从0.63.2降为0.62.2,并将Gradle 3.5.3降为3.5.2 根据此问题https://github.com/christopherdro/react-native-html-to-pdf/issues/189

也跟随https://github.com/christopherdro/react-native-html-to-pdf/issues/149 这个也是。它显示权限错误,因此在componentDidMount()中我添加了以下行

PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE)

但是仍然没有运气。 我收到以下错误消息。

Possible Unhandled Promise Rejection (id: 0):
Error: RNHTMLtoPDF error: Could not create folder structure.
promiseMethodWrapper@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:2214:45
createPDF$@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:136885:88
tryCatch@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26640:23
invoke@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26813:32
tryCatch@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26640:23
invoke@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26713:30
http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26743:19
tryCallTwo@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:28610:9
doResolve@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:28774:25
Promise@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:28633:14
callInvokeWithMethodAndArg@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26742:33
enqueue@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26747:157
async@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26764:69
createPDF@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:136851:42
requestReadPermission$@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:136835:33
tryCatch@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26640:23
invoke@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26813:32
tryCatch@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26640:23
invoke@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26713:30
http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:26723:21
tryCallOne@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:28601:16
http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:28702:27
_callTimer@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:32141:17
_callImmediatesPass@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:32177:19
callImmediates@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:32395:33
callImmediates@[native code]
__callImmediates@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:2719:35
http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:2505:34
__guard@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:2702:15
flushedQueue@http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false:2504:21
flushedQueue@[native code]
invokeCallbackAndReturnFlushedQueue@[native code]

这是我正在使用的https://github.com/christopherdro/react-native-html-to-pdf

解决方法

我从t his link

找到了解决方案

如果发现您的应用程序无法创建任何文件或文件夹,则应添加

android:requestLegacyExternalStorage="true" in your `<application>` in `AndroidManifest.xml`

了解更多详细信息,Official LinkOther StackOverflow Question Answsers

请记住:我使用的是React Native,并且仅在Android API 29及更高版本中陷入了这一问题。

,

我也面临着这个问题,经过一些研究,我解决了这个问题, “目录名必须与设备中存在的目录(文件夹)相同,如果要创建自定义目录,则由于文件结构或某些本机权限(如果自定义目录名不起作用),它可能会或可能不会在您的设备中起作用,然后您必须在目录选项中指定“文档”或“下载”

注意: you can follow doc for IOS

示例:

async createPDF() {
  let options = {
    html: '<h1>Export PDF</h1>',fileName: 'MyPdf',directory: 'Documents',//or Download
  };
  let file = await RNHTMLtoPDF.convert(options)
  alert(file.filePath);
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。