使用主要功能时，电容器文件系统 returns 出错

Question

我使用电容器 3 创建了一个新应用程序，在这个应用程序中我使用 Filesystem 来执行一些功能。我创建了一个服务来处理与文件系统相关的所有事情，但是当我去使用这些功能时我遇到了一些问题。

当使用 Android 11 使用 mkdir() 函数创建目录时，出现以下错误：

Unable to create directory, unknow reason.

同样在 Android 11 上，当我尝试仅使用 writeFile() 创建文件时 returns 出现以下错误：

FILE_NOTCREATED

对于 Android 10 及以下版本，mkdir() 功能正常工作，但 writeFile() 功能会导致应用程序崩溃而不会出现任何错误。此外，如果我尝试将 Diretory.ExternalStorage 更改为 Diretory.External，我可以在 Android 11 中创建一个目录，但在写入文件时它仍然会崩溃。

使用 Android 11，我尝试用一个简单的字符串和一个小的 base64 字符串编写一个 txt 文件。使用 Diretory.External 时，我可以在新文件中写入 base64 字符串，但是使用 Diretory.ExternalStorage 时，出现 FILE_NOTCREATED 错误。

我完成了所有配置并按照文档中的步骤设置 AndroidManifest.xml。

已经在不同版本的模拟器和手机上进行了多项测试Android。

测试 writeFile()

Android 11
base64 + Diretory.External = success
string + Diretory.External = crash
base64 + Diretory.ExternalStorage = error
string + ExternalStorage  = error

Android 10 and below
base64 + Diretory.External = success
string + Diretory.External = crash
base64 + Diretory.ExternalStorage = success
string + ExternalStorage  = crash

Android XML

    <application 
      android:allowBackup="true" 
      android:icon="@mipmap/ic_launcher" 
      android:label="@string/app_name" 
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true" 
      android:theme="@style/AppTheme" 
      android:requestLegacyExternalStorage="true"
    >

    <!-- Permissions -->

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-feature android:name="android.hardware.location.gps" android:required="true" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

MainFunction.ts

testeFilesystem(): void {
    let path: string = 'test/project';
    this.filesystem.checkAndCreateDir(path).then(_ => {
        this.filesystem.writeFile(path, 'test.txt', 'test').then(_ => {
            this.uicontroller.presentToast('file saved');
        });
    })
}

FilesystemService.ts

checkAndCreateDir(path: string): Promise<boolean> {
  return Filesystem.readdir({
    path: path,
    directory: Directory.ExternalStorage
  }).then(_ => {
    return true;
  }).catch(_ => {
    return Filesystem.mkdir({
      path: path,
      directory: Directory.ExternalStorage,
      recursive: true
    }).then(_ => {
      return true;
    });
  });
}

writeFile(path: string, filename: string, content: string): Promise<boolean> {
  return Filesystem.writeFile({
    path: path + filename,
    data: content,
    directory: Directory.ExternalStorage
  }).then(result => {
    if (result) {
      return true;
    } else {
      return false;
    }
  });
}

离子信息

Ionic CLI                     : 6.16.1 C:\Users\User\AppData\Roaming\npm\node_modules@ionic\cli
  Ionic Framework               : @ionic/angular 5.6.7
  @angular-devkit/build-angular : 0.1102.10
  @angular-devkit/schematics    : 11.2.13
  @angular/cli                  : 11.2.13
  @ionic/angular-toolkit        : 3.1.1

Capacitor:
  Capacitor CLI      : 3.0.0
  @capacitor/android : 3.0.0
  @capacitor/core    : 3.0.0
  @capacitor/ios     : not installed

Utility:
  cordova-res : 0.15.3
  native-run  : 1.3.0

System:
  NodeJS : v14.16.1 (C:\Program Files (x86)\nodejs\node.exe)
  npm    : 6.14.12
  OS     : Windows 10

Answer 1

我在电容器的 github 上找到了这个 issue，也许它可以帮助你，简而言之它说：

If you target SDK 30, then android:requestLegacyExternalStorage="true" will not work on Android 11+ devices. Google doesn't allow to programmatically access external shared files anymore. (Documents and ExternalStorage)

https://developer.android.com/training/data-storage/use-cases#opt-out-in-production-app

Answer 2

在 Android 12 上遇到相同的错误 ('FILE_NOTCREATED') 在一些写入之后使用以下代码：

// Save to filesystem
const resp = await Filesystem.writeFile({
  path: fileName,
  data, // base64 pdf
  directory: Directory.Documents,
});

由于文件名相同导致错误。通过以下方式添加当前日期后，错误解决：

const currentDate = new Date().toLocaleString().replace(/[,:\s\/]/g, '-');
const fileName = `myFile-${currentDate}.pdf`;

请注意替换所有斜杠，因为否则它将创建子目录，并且如果未添加 'recursive: true'，则会在 android 上发生以下错误：

Parent folder not found.

使用主要功能时，电容器文件系统 returns 出错

Capacitor Filesystem returns error while using main functions

ionic-framework

capacitor

capacitor-plugin