Nuxt 2 结合 Capacitor 添加安卓支持时找不到index.html报错如何解决？

你遇到的报错核心原因是默认开启SSR的Nuxt2执行nuxt build生成的是服务端运行所需的构建产物，无法直接给Capacitor作为静态Web资源使用，按以下步骤调整即可解决：

步骤1：开启Nuxt2 SPA模式 #

Nuxt2默认开启服务端渲染（SSR），需要关闭SSR切换到纯SPA模式，才能生成客户端可用的静态入口文件。
有两种实现方式二选一：

• 方式1：修改nuxt.config.js配置，添加对应字段

export default {
  // 关闭服务端渲染，启用SPA模式
  ssr: false,
  // 如果使用Nuxt 2.13以下版本，替换上面的配置为 mode: 'spa'
  // 其余原有配置保持不变
}

• 方式2：构建时直接指定SPA参数，不需要修改配置文件

nuxt build --spa

步骤2：调整Capacitor资源路径配置 #

SPA模式下执行nuxt build后，所有静态产物会生成在项目根目录的dist文件夹内，其中包含Capacitor需要的index.html入口文件。
修改项目根目录下的capacitor.config.json，将webDir字段的值改为dist：

{
  "appId": "com.你的应用标识",
  "appName": "你的应用名称",
  "webDir": "dist",
  // 其余原有配置保持不变
}

步骤3：重新执行Capacitor命令 #

配置修改完成后，先删除之前生成的异常android文件夹，再重新执行添加安卓平台的命令即可：

# Windows环境可手动删除android文件夹
rm -rf android
npx cap add android

注：你遇到的第二个报错找不到capacitor.plugins.json是前置的copy步骤失败导致的连锁问题，完成上述配置调整后该报错会自动消失。
SPA模式完全支持动态从CMS拉取路由和内容的需求，所有接口请求会在客户端运行时触发，不需要使用nuxt generate做静态化。

内容的提问来源于stack exchange，提问作者Jonathan Robbins