dev-drive 相关问题

我尝试使用 Google Drive API Quickstart.php 并更改了其中的一部分以列出文件 URL。然而它没有用。谁能帮我？这是我的代码，代码的最后一部分是打印 na...

Next.js：如何通过 https localhost 使用 CLI (next dev) 启动开发模式

在 Next.js 中，哇，通过 https localhost 使用 CLI (next dev) 启动开发模式？我应该将哪些参数传递给“next dev”命令，该命令可以在 package.json 中编辑？我不...

我似乎无法在我的 macOS 计算机上运行 npm run dev 或 npm start 。每次尝试这样做时，我都会收到总线错误消息，输出通常如下所示： klvn git:(主) ✗ npm run dev ...

我正在尝试在 Ubuntu 22.04 ARM64 上构建 V8。我尝试通过便利脚本进行构建，即tools/dev/gm.py arm64.release，以及tools/dev/v8gen.py arm64.release，但没有成功（clang

Google Drive - 使用 Node 通过 JSONClient 进行身份验证

我已成功使用 OAuth2 进行身份验证，现在拥有一个身份验证令牌。加载此令牌会返回一个 JSONClient： const authClient = google.auth.fromJSON(凭证); 现在正在尝试使用这个

在闪存驱动器中写入文件（仅限Android）

是否可以使用flutter将文件保存到闪存驱动器？我正在使用带有 USB c 端口的随身碟，如下所示： https://www.bestbuy.com/site/sandisk-ultra-dual-drive-go-1tb-usb-type-a-usb-type-c-flash-

Google App 脚本无法获取 Google Drive 上托管的 CSS 文件（403 未经授权）

我在 Google App 脚本访问 Google 云端硬盘托管资产时遇到问题。奇怪的是，它一直在工作，几天前才停止工作。发生了什么：在

Google Drive api Python - 上传到文件夹后失去权限

希望有人可以帮助我，因为我正在努力弄清楚为什么会发生这种情况。我有一个文件想要上传到 Google 云端硬盘上的特定文件夹。代码迭代返回的...

如何更改Git远程仓库？

考虑： PS C:\.dev\despesas-python> heroku 创建 app-despesas-pessoais-python » 警告：heroku 更新从 7.53.0 到 8.0.5 可用。创建 ⬢ app-despesas-pessoais-python...完成 https...

为什么我们无法长时间查看 Google Drive 公共文件而不收到 403 禁止错误？

我正在开发一个 Django 项目，我允许用户在具有公共访问权限的谷歌驱动器上上传他们的图像，然后我以用户方式显示所有上传的图像。一切完成后，我可以创建以下...

WordPress.com VIP 主题激活问题 - 找不到 vip-init.php

我正在 Ubuntu 14.04 LTS 计算机上按照以下说明设置我的第一个 VIP 主题： https://vip.wordpress.com/documentation/vip/dev-environment/ 和 http://docs.chassis.io/en/latest/quick...

使用 testcontainers 和 prisma orm 安装 postgis 时出错

我正在使用 testcontainers 创建 e2e 测试，我有一个为 Postgres 安装 Postgis 扩展的迁移，但收到以下错误：命令失败：npx prisma migrate dev 错误：

运行 Vite-React：“npm run dev”出现问题

当我尝试运行代码时，我收到以下消息。节点：内部/模块/cjs/loader：1147 抛出错误； ^ 错误：在ite.js 中找不到模块“D:\Web-Development ite” 在...

如何使用 Microsoft Graph API 解决 Sharepoint(FileContentRead) 中的 404 -“ItemNotFound”错误？

我使用下面的 API 使用 Microsoft Graph API 从 Sharepoint 读取其内容。 https://graph.microsoft.com/v1.0/sites/{主机名},{spsite-id},{spweb-id}/drives//items/ 我使用下面的 API 使用 Microsoft Graph API 从 Sharepoint 读取其内容。 https://graph.microsoft.com/v1.0/sites/{hostname},{spsite-id},{spweb-id}/drives/<drive-id>/items/<items-id>/content 两天前，它正确地从根站点正确获取文件内容。但今天我检查了是否获得了与以下问题相同的文件内容。 { "error": { "code": "itemNotFound", "message": "Item not found", "innerError": { "request-id": "<request_id>", "date": "<date_time>" } } } 不知道这可能是什么原因造成的？我在谷歌上搜索没有找到更好的解决方案。有人建议我解决上述问题的方法。我建议使用此端点下载流式 DriveItem 内容： GET /sites/{siteId}/drive/items/{item-id}/content https://learn.microsoft.com/en-us/graph/api/driveitem-get-content?view=graph-rest-1.0&tabs=http

在flutter项目中添加风味后，AppCilrcle平台上的iOS构建失败

我已经只为单个环境构建了setps，但现在我正在尝试为多个环境（prod、dev）构建iOS应用程序。为此，我已在

指标服务器在一个节点上显示未知

它恰好发生在我今天添加到集群中的 almalinux 9.0 服务器上。 k8s 版本是 1.19.16 名称 CPU（核心数） CPU% 内存（字节）内存% k8s-dev-node1 110m 11% ...

我如何告诉 Traefik 使用不同的端口公开服务？

基于此（https://github.com/r9r-dev/portaefik）我已经设置了portainer，前面有traefik。效果很好，我正在用它主持 portainer 和 traefik 背后的其他一些事情。我愿意

SvelteKit：RollupError：意外的标记“，”。预期的标识符或字符串

当我使用 npm run dev 运行 SvelteKit vite 开发服务器时，尝试打开页面时出现错误： RollupError：意外的标记“,”。预期的标识符或字符串在 getRollupError (f...

在 Heroku 上找不到 PostgreSQL 数据库的附加爱好开发

我正在尝试使用 Django 将我的应用程序推送到 Heroku，但是当我运行 heroku addons:create heroku-postgresql:hobby-dev -a (appname) 时，它给了我这个错误：找不到附加服务...

如何使用 C# 开发套件在 Visual Studio Code 中设置 dotnet Release 配置构建？

我已经安装了 Visual Studio Code 和“C# Dev Kit”。看起来没有默认的方式让人们选择发布配置构建。查看文档包，它提到了 a...

从源“https://excel.officeapps.live.com”访问“https://localhost:8000/lib/functions.json”处的 XMLHttpRequest 被 CORS 策略阻止

我正在尝试通过JavaScript API在Excel中开发自定义函数。环境是Mac OS和Excel Online (Chrome)。我按照教程并通过 npx office-addin-dev-certs 安装证书

Os Dev 的 PCI IDE 教程中的 insl 函数是做什么用的？

这是调用insl的函数。 void ide_read_buffer（无符号字符通道，无符号字符寄存器，无符号整数缓冲区，无符号整型四元组) { /* 警告：此代码包含...

如何在 Qt 中通过语音调度程序使用 RHVoice

我正在尝试在 Linux 上的 Qt C++ 项目中使用 RHVoice。我安装了 RHVoice，并与它的库 RHVoice.h 进行了斗争，该库由 librhvoice-dev 包提供，到目前为止，它似乎是...

GitVersion 正确更新 master、dev、hotfix 分支的程序集版本

我在 Azure DevOps 管道中使用 GitVersion 来自动化部署，但是我正在努力让自动版本控制按我想要的方式工作。分支结构是这样的：大师-这...

Mac OSX Dev：自定义 ViewController 未接收鼠标事件

我需要创建一个快速演示应用程序（尽快）。它有一个 NSImageView（带有全窗口大小的照片），鼠标点在其上单击、拖动和移动。还有一个 NSTextField（标签）来显示...

从越狱的iPhone发送短信

以编程方式从 iPhone 发送短信的最佳方式是什么？可以选择与 /dev/tty.debug 上的调制解调器对话或使用私有 API。我想制作一个命令行短信实用程序，并且我想要...

Vite-Vue 应用 HTTP 请求重定向 - DEV 模式

我想在开发模式（npm）上将 HTTP 请求的基本 URL 从 Vite 应用程序的主机地址（http://localhost:5173）更改为我的 ASP .NET API 的主机地址（http://localhost:5815）运行开发）。但我有这样的

如何避免在Windows中由vim创建额外的文件

当我在 gvim 中创建一个新文件并使用 :wq 文件名保存它时，它会创建另外两个文件，我需要手动删除它们。例如，我打开 gvim 并保存文件 c:\dev\

自动将实例重新注册到共享负载均衡器上的目标组

上面你可以看到我的aws环境的图示。也许这将有助于说明问题。我有一个 DEV 环境，其中多个 Beanstalk 项目由一个共享应用程序管理......

在 Nodejs 上使用 readFileSync 和 esm 模块时遇到问题

我正在尝试将我的 commonjs 存储库转换为 ESM，但在使用 readFileSync 命令时遇到问题。看来我在节点 18 和节点 20 上得到了不同的行为。我尝试加载路径： D:\dev s-

LiteSpeed WebServer 上的 MIME 类型（“text/html”）不匹配（X-Content-Type-Options：nosniff）

不知道如何解决这个问题，它基本上会引发 React 应用程序构建 css/js 引用文件的错误。可以查看 https://eliptum.tech/dev/ 从浏览器开发工具控制台：资源来自“https://eli...

如何解决“包罗万象的参数只能显示为路线模板的最后一段。”

如果我有一个控制器，其操作方法使用基于属性的路由并像这样声明它，那么一切都很好： [http获取] [路线(“/dev/info/{*somevalue}”)] 公共 IActionResult 获取（

React 无法导入图像，图像“不是有效的图像文件”

我正在尝试编译一个包含一些图像的项目。当我使用yarn dev时，我可以编译几乎所有内容，但是当涉及到图像时，它总是会给我以下错误：错误：图像导入&...

Vite Dev 模式可以工作，但服务构建不起作用。 n2.BigInt 不是函数

所以我在我的项目中使用vite，这是一个使用turborepo的monorepo设置。使用开发模式或构建项目时没有问题，但是当我为项目提供服务时，我收到错误

在 GCP 计算引擎代码服务器上运行 django 时出现 CORS 问题

我正在开发一个 Django 项目。为此，我在个人笔记本电脑上以及在 GCP 计算引擎上运行的远程代码服务器实例 (VS Code Remote) 上工作。我在 https://dev 上运行代码远程。

Vite 应用程序在 DEV 中可以运行，但在 BUILD 和 PREVIEW 后不能运行 BigInt 不是一个函数

大家好，我已经被这个问题困扰了一段时间，我通过 vite config 和 tsconfig 更改尝试了许多建议的解决方案。但我在构建 m 时仍然遇到 BigInt 的问题...

使用 create-next-app 启动新的 Next.js 14 应用程序时，为什么会出现与 favicon.ico 相关的“模块未找到”错误？

我运行了以下命令来启动一个新的 Next.js 应用程序： npx create-next-app@latest 但是 npm run dev 给了我以下错误：找不到模块：无法解析 'C:\xxxxx\xxxxx\xxxxx\my-app\src pp\

使用 JavaScript 以 HTML 形式显示 Google 云端硬盘中的图像时遇到问题

我正在努力使用 JavaScript 在我的 HTML 页面上显示来自 Google Drive 的图像。遵循在线指南并没有完全解决我的问题。 HTML（索引.html）：我正在努力使用 JavaScript 在我的 HTML 页面上显示来自 Google 云端硬盘的图像。遵循在线指南并没有完全解决我的问题。 HTML（index.html）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Google Drive Image</title> </head> <body> <img id="imageElement" alt="A lovely image"> <script src="script.js"></script> </body> </html> JavaScript（script.js）： const fileId = '1BEW9tkgVKlp_ebUc17LkXDH-mnPc4ome'; const imageElement = document.getElementById('imageElement'); async function fetchGoogleDriveImage(fileId) { try { const response = await fetch(`https://drive.google.com/uc?id=${fileId}`); const url = URL.createObjectURL(await response.blob()); imageElement.src = url; } catch (error) { console.error('Error fetching the image:', error); } } fetchGoogleDriveImage(fileId); 背景： Google 云端硬盘中的图像设置为“知道链接的任何人都可以查看。” 尽管如此，图像仍无法在浏览器中加载，并且控制台显示错误。附加HTML（纯html）： <body> <img src="https://drive.google.com/uc?id=1BEW9tkgVKlp_ebUc17LkXDH-mnPc4ome" alt="Your Image Alt Text"> </body> CodePen 示例如有任何帮助，我们将不胜感激！谢谢。虽然没有在任何地方发布（我发现），但 Google Drive 的服务器已开始拒绝附加这两个标头的请求： sec-fetch-mode: no-cors sec-fetch-site: cross-site 如果您将浏览器直接导航到文件的（直接链接）URL（即获取您的src URL并将其粘贴到浏览器导航栏中），但该请求期间的sec-fetch-mode标头将是设置为 navigate 并且效果很好。但是，与您的 <img> 示例一样，如果请求源是网页，并且与 drive.google.com 来源不同，就会出现问题。（您的浏览器将自动将这些 sec-fetch-mode 和 sec-fetch-site 标头设置为请求的一部分。）这似乎是 Google Drive 自 2024 年 1 月 10 日开始的一项未记录的更改，我仍然找不到任何提及它的地方，因此尚不清楚此行为是否会持续存在，或者是否反映了意外更改或疏忽。我也有同样的问题。临时解决办法是使用大宽度的驱动器文件缩略图您正在此处执行所有操作，看来问题出在 Google 端，并于今天开始发生（撰写本文时为 2024 年 1 月 11 日）。 Google 可能会解决此问题并允许直接图像嵌入，或者他们可能会继续阻止它，这意味着您必须找到另一种方式来托管网站图像，例如 S3。（可能）此处跟踪错误：https://issuetracker.google.com/issues/319531488?pli=1 我开始在 HTML 中链接 css 文件时遇到同样的问题。

如何将一个分支上所做的确切更改移动到另一个分支而不采用以前的错误代码

我需要了解常见场景的标准工作方式。假设我有 2 个分支开发者质量保证现在假设发生了以下情况：用户 1 从 dev 创建了 feature/user1 并推送到远程，

为什么现在无法播放 gdrive 文件中的音频？

我有这样的代码：我有这样的代码： <audio id="player" autoplay controls> <source src="http://docs.google.com/uc?export=open&id=107VpNA7BU4AIxVsK2sRg69-rOigdU57n" type="audio/mp3"> </audio> 最初，上面的代码应该播放驱动器上文件中的歌曲。但是，由于某种原因，它不再起作用了。有人遇到过类似问题吗听起来您面临着 HTML 的限制，不允许直接从 Google Drive 上的文件流式传输音乐。一种解决方法可能是将音乐文件托管在允许直接流式传输的服务器上，或者您可以考虑使用支持此功能的不同平台或技术。您需要帮助寻找替代解决方案或平台吗？ Google 云端硬盘不支持直接流式传输。您可以尝试使用 Dropbox OP的方法实际上确实适用于从谷歌驱动器传输音频，使用; src="http://docs.google.com/uc?export=open&id=file-id"，直到 2024 年 1 月 10 日左右。在上述日期之前，我有几个 html/javascript 网络播放器直接从驱动器流式传输我的音乐。 Google 已开始推出影响第三方访问驱动器文件方式的更改；意思是在drive.google.com之外来自 Google Drive 服务器之外的文件请求不再受到相同的处理。下面链接中的答案部分解释了问题： https://stackoverflow.com/a/77805668/23238731 虽然这个答案是参考谷歌驱动器中的图像，但这同样适用于像OP代码一样链接的音频文件。 Google 建议用户现在使用 iframe 以 html 形式显示 google 云端硬盘内容，包括音频。我已经对此进行了测试，iframe 选项确实适用于音频，尽管它对于流媒体没有用。

为什么我有很多对 API 的请求，需要在 next.js 13v 的服务器端获取数据

我使用 Next.js 13v 在服务器端获取数据。我的组件 const 页脚 = async () => { // 获取数据 const allCategories = (await getAllCategories({})).data; 返回我使用 Next.js 13v 在服务器端获取数据。我的组件 const Footer = async () => { // Get data const allCategories = (await getAllCategories({})).data; return <footer className={styles.footer}></footer>; }; 我的功能 export const getAllCategories = async ( params: IGetAllCategoriesRequest, ): Promise<AxiosResponse<IGetAllCategoriesResponse>> => { const url = 'static-pages/category/public'; const response = await axiosInstance.get<IGetAllCategoriesResponse>( url, { params: params, }, ); return response; }; 如果请求成功，我有一个请求但是如果出现错误，我有很多请求，然后重定向到错误页面本机获取具有相同的行为那么为什么我在 next.js 13v 中对 API 有很多请求并在服务器端获取数据？可能和开发模式有关。我发现这篇文章可能与此行为有关：https://dev.to/noclat/fixing-too-many-connections-errors-with-database-clients-stacking-in-dev-mode-with-next -js-3kpm

在具有 Open Liberty Dev 模式的 Maven 项目中使用本地库

我有一个 Maven 项目，它构建了一个部署到 Open Liberty 的战争。我正在使用 Liberty maven 插件： io.openliberty.tools 我有一个 Maven 项目，它构建了一个部署到 Open Liberty 的战争。我正在使用 Liberty maven 插件： <plugin> <groupId>io.openliberty.tools</groupId> <artifactId>liberty-maven-plugin</artifactId> <version>3.9</version>  </plugin> 我正在利用开发模式并且它运行良好。但是，我想在 Dev 模式下使用本地 jar 文件库。我期望我能够将 jar 文件放置在项目中的特定位置，并且 Liberty 开发模式会自动拾取它们 - 类似于自动拾取 server.xml 的方式src/main/liberty/config。我的 server.xml 设置为在此处查找库：${shared.config.dir}/lib/global，因此我尝试将罐子放入 src/main/liberty/shared/config/lib/global 中，但这不起作用。我看到的另一种选择是使用 Libity 插件的 copyDependencies 配置。有一些推荐的方法可以实现我想做的事情吗？理想情况下，我想要最简单的解决方案，既适用于 liberty dev 模式，也适用于 vanilla maven 构建 (mvn package)。这里的类似问题利用了 copyDependencies 配置，但具体来说，我正在寻找本地 jar 的最佳解决方案（是的，我可以使用系统范围的 Maven 坐标或在本地安装 jar）如何在 Maven 构建期间将外部依赖项复制到 Open Liberty 谢谢好问题，稍微概括一下问题，您可能可以使用三种方法： 1.使用资源插件 <build> <resources>  <resource> <directory>${project.basedir}/src/main/resources</directory> </resource>  <resource> <directory>${project.basedir}/mylib</directory> <targetPath>${project.build.directory}/liberty/wlp/usr/shared/lib/global</targetPath>  <filtering>false</filtering> </resource> </resources> 由于开发模式在其“生命周期”中调用 resources:resources 目标，因此可以在没有任何插件配置的情况下进行配置（使用“/project/build/resources”（在 XPath 术语中）元素），并使用您的 <targetPath>可以复制到任何位置。 2.添加到config目录（src/main/liberty/config）除了src/main/liberty/config/server.xml处的主服务器XML配置文件之外，您还可以将其他文件和目录放在那里，所有文件和目录都将通过开发模式复制过来。所以你可以创建，例如src/main/liberty/config/mylib/my.jar，它会被复制到target/liberty/wlp/usr/servers/defaultServer/mylib/my.jar。然后，您可以从 server.xml 将此位置引用为相对于服务器配置目录的 "mylib/my.jar"。（这不太适合要求复制到“.../shared/lib/global”的原始用例，但可能适合其他查看此问题的人）。 3.添加系统范围的依赖项这在原来的问题中已经提到过。我不太喜欢这个解决方案。为了完整起见，我会提及它，但请您自行查找详细信息。这可能会很有趣。

通过更少的 Java API 调用来映射 Google 云端硬盘内容的有效方法

大家好，我有一个代码，用于列出共享驱动器中存在的文件（以便稍后下载并创建相同的文件夹路径）目前我做这样的事情：哈希映射大家好，我有一个代码，用于列出共享驱动器中存在的文件（以便稍后下载并创建相同的文件夹路径）目前我正在做这样的事情： HashMap<String, Strin> foldersPathToID = new HashMap<>(); //searching all folders first saving their IDs searchAllFoldersRecursive(folderName.trim(), driveId, foldersPathToID); //then listing files in all folders HashMap<String, List<File>> pathFile = new HashMap<>(); for (Entry<String, String> pathFolder : foldersPathToID.entrySet()) { List<File> result = search(Type.FILE, pathFolder.getValue()); if (result.size() > 0) { String targetPathFolder = pathFolder.getKey().trim(); pathFile.putIfAbsent(targetPathFolder, new ArrayList<>()); for (File file : result) { pathFile.get(targetPathFolder).add(file); } } } 递归方法在哪里： private static void searchAllFoldersRecursive(String nameFold, String id, HashMap<String, String> map) throws IOException, RefreshTokenException { map.putIfAbsent(nameFold, id); List<File> result; result = search(Type.FOLDER, id); // dig deeper if (result.size() > 0) { for (File folder : result) { searchAllFoldersRecursive(nameFold + java.io.File.separator + normalizeName(folder.getName()), folder.getId(), map); } } } 搜索功能是： private static List<com.google.api.services.drive.model.File> search(Type type, String folderId) throws IOException, RefreshTokenException { String nextPageToken = "go"; List<File> driveFolders = new ArrayList<>(); com.google.api.services.drive.Drive.Files.List request = service.files() .list() .setQ("'" + folderId + "' in parents and mimeType" + (type == Type.FOLDER ? "=" : "!=") + "'application/vnd.google-apps.folder' and trashed = false") .setPageSize(100).setFields("nextPageToken, files(id, name)"); while (nextPageToken != null && nextPageToken.length() > 0) { try { FileList result = request.execute(); driveFolders.addAll(result.getFiles()); nextPageToken = result.getNextPageToken(); request.setPageToken(nextPageToken); return driveFolders; } catch (TokenResponseException tokenError) { if (tokenError.getDetails().getError().equalsIgnoreCase("invalid_grant")) { log.err("Token no more valid removing it Please retry"); java.io.File cred = new java.io.File("./tokens/StoredCredential"); if (cred.exists()) { cred.delete(); } throw new RefreshTokenException("Creds invalid will retry re allow for the token"); } log.err("Error while geting response with token for folder id : " + folderId, tokenError); nextPageToken = null; } catch (Exception e) { log.err("Error while reading folder id : " + folderId, e); nextPageToken = null; } } return new ArrayList<>(); } 我确信有一种方法可以通过很少的 api 调用（甚至可能是一个调用？）对每个文件（使用文件夹树路径）进行正确的映射，因为在我的版本中，我花了很多时间进行调用 service.files().list().setQ("'" + folderId+ "' in parents and mimeType" + (type == Type.FOLDER ? "=" : "!=") + "'application/vnd.google-apps.folder' and trashed = false").setPageSize(100).setFields("nextPageToken, files(id, name)"); 每个子文件夹至少一次......并且递归搜索所有内容需要很长时间。最后，映射比下载本身花费的时间更多...... 我搜索了文档，也在此处搜索，但没有找到任何内容来列出具有一个库的所有驱动器调用任何想法？我想使用专用的 java API 来获取共享 GoogleDrive 中的所有文件及其相对路径，但调用次数尽可能少。提前感谢您的时间和答复我建议您使用高效的数据结构和逻辑来构建文件夹树并将文件映射到其路径，如下所示 private static void mapDriveContent(String driveId) throws IOException { // HashMap to store folder ID to path mapping HashMap<String, String> idToPath = new HashMap<>(); // HashMap to store files based on their paths HashMap<String, List<File>> pathToFile = new HashMap<>(); // Fetch all files and folders in the drive List<File> allFiles = fetchAllFiles(driveId); // Build folder path mapping and organize files for (File file : allFiles) { String parentId = (file.getParents() != null && !file.getParents().isEmpty()) ? file.getParents().get(0) : null; String path = buildPath(file, parentId, idToPath); if (file.getMimeType().equals("application/vnd.google-apps.folder")) { idToPath.put(file.getId(), path); } else { pathToFile.computeIfAbsent(path, k -> new ArrayList<>()).add(file); } } // Now, pathToFile contains the mapping of paths to files // Your logic to handle these files goes here } private static List<File> fetchAllFiles(String driveId) throws IOException { // Implement fetching all files and folders here // Make sure to handle pagination if necessary // ... } private static String buildPath(File file, String parentId, HashMap<String, String> idToPath) { // Build the file path based on its parent ID and the idToPath mapping // ... }

为什么 Android 上两个组件之间的切换速度如此之慢？

我正在使用 Expo/React Native/Typescript 构建一个类似于填字游戏的小型拼图应用程序。这是 PuzzleMain 组件的精简版本： const PuzzleMain：React.FC 我正在使用 Expo/React Native/Typescript 构建一个类似于填字游戏的小型拼图应用程序。这是 PuzzleMain 组件的精简版本： const PuzzleMain: React.FC<PuzzleMainProps> = ({ navigation }) => { let puzzle: AcrosticPuzzleData = parseAcrosticPuzzle(PUZZLE_TEXT); const grid = <PuzzleGrid puzzle={puzzle} />; const clueView = <PuzzleCluesView puzzle={puzzle} />; const [index, setIndex] = React.useState(0); return <View style={styles.container}> {index == 0 ? grid : clueView} <View style={styles.keyboardContainer}> <Button onPress={() => setIndex(index == 1 ? 0 : 1)} title={"See " + routes[index == 0 ? "Grid" : "Clues"].key} /> <Keyboard /> </View> </View>; } 总结一下，有“网格”组件和“线索”组件，并通过按钮在它们之间进行切换。毫不夸张地说，在我用来测试的 Pixel 5 上点击此按钮大约需要 3 秒的时间才能进行更改。我在这里做错了什么？使用Expo在网络上打开这个，它立即发生，所以可能它是Android特有的？我尝试过的事情：记住 PuzzleGrid 和 PuzzleCluesView 组件（const PuzzleGrid: React.FC<Props> = memo(({ puzzle }) ...。这基本上没有什么区别。我检查过，在我为备忘录功能制作的自定义拼图比较器中没有打印任何内容，所以我认为它没有重新渲染。改用 TabView 在组件之间滑动 - 这有效！但说实话，我真的更喜欢两者兼得，而且当我将其合并到 TabView 实现中时，按钮同样很慢。使用 npx expo start --no-dev 并仅构建一个 apk 并安装 - 这使得速度更快，但仍然可能需要整整一两秒，这太慢了。正如我所看到的，您正在执行条件渲染，因此每次条件更改时，整个组件都会被创建为新组件。这种方法会使渲染速度变慢，具体取决于组件的重量。为什么备忘录不起作用？ Memo 是一种优化技术，并不能保证性能提升。现在，提升加载速度内部优化PuzzleGrid和PuzzleCluesView，比如每个可以接收重复道具的子组件都会被memo覆盖，重型物品会异步加载，使用loader。使用 InteractionManager 提高加载速度，并帮助显示加载程序而不冻结 UI。不要卸载组件，而是重叠它们并使用可见性，因为可见性不会卸载组件而不仅仅是 {index == 0 ? grid : clueView}你可以尝试类似的事情 <View> {grid} <View style={{ // Add height and other required props to make it visible position: 'absolute', visibility: index == 0 ? 'hidden' : 'visible', }}> {clueView} </View> </View>

dev-drive 相关问题

最新问题