基于 Capacitor 构建的具有捆绑器（Vite）的 Framework7 Core 无法在 Android 上运行

Question

我使用命令“framework7 create --ui”创建了一个包含源代码的示例包，然后生成几个文件和文件夹并将它们加载到 VScode 上。该软件包是根据以下选项构建的。

1. 框架7核心
2. 简单的网络应用程序
3. 单视图
4. 使用捆绑器（Vite）
5. “不，我擅长 CSS”（传统 CSS）
6. 与电容器集成
7. 添加Android平台
8. 同步并构建，然后运行

它在“网络”模拟器上运行良好（见图A）。然而，在 Android 模拟器上运行时，它只显示一个空白页面，并且控制台上显示 3 个错误（见图 B）。它们的意思是“无法加载资源：服务器响应状态为 404”。这些丢失的文件是“index-BjpLy5vT.css:1”、“index-Bv0G57S5.js:1”和“index-BjpLy5vT.css:1”。

为了进行故障排除，我尝试也使用“framework7 create --ui”创建包，并在“无捆绑程序”的情况下生成示例源。 “Web”和“Android”平台均运行正常。有人知道问题出在哪里吗？

软件版本

1. OpenJDK 17.0.9
2. 节点v21.7.3
3. Npm 10.8.1
4. 框架7 8.3.3
5. 电容/安卓6.1.0
6. 电容器/应用程序6.0.0
7. 电容器/cli 6.1.0
8. 电容/磁芯6.1.0

图A

图B

Answer 1

我解决了这个问题。原因是VScode处的电容封装造成的。我在命令提示符下下载并安装@Ionic-cli，使用“离子电容器同步”，然后“离子电容器运行android”并正常工作。