Nuxt3集成Pinia时出现pinia.mjs 404无法加载报错

两个核心问题导致报错：

1. 安装依赖时使用--legacy-peer-deps参数跳过了peer依赖校验，仅安装了Nuxt适配包@pinia/nuxt，漏装Pinia核心依赖pinia。@pinia/nuxt只是框架集成层，运行时必须依赖pinia主包的代码，主包缺失自然会出现pinia.mjs 404的报错。
2. 配置写法不匹配当前Nuxt3版本：Nuxt3正式版已经废弃根级buildModules配置项，模块需要注册到modules数组中才能被框架正确识别、完成路径解析，旧配置写法无法触发Pinia模块的自动加载逻辑。
   另外你当前配置里的根级meta、base配置项都是Nuxt3 RC阶段的旧写法，在正式版中不会生效，也建议同步修正。

• 补装缺失的Pinia核心依赖，执行命令：
  npm install pinia
  不建议长期使用--legacy-peer-deps参数跳过依赖校验，如果安装时出现版本冲突，先核对你本地安装的Nuxt3版本，安装对应兼容版本的Pinia即可。
• 修改nuxt.config.ts配置，替换废弃的配置项，修正后的参考配置如下：

export default defineNuxtConfig({
    app: {
        baseURL: '/',
        head: {
            link: [
                {
                    rel: "stylesheet",
                    href:"https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"
                }
            ],
            script: [
                { 
                    src: 'https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js', 
                    integrity: 'sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2', 
                    crossorigin: 'anonymous' 
                }
            ]
        }
    },
    ssr: false,
    modules: ['@pinia/nuxt']
})

• 清理缓存后重启服务：删除项目根目录下的.nuxt缓存文件夹、node_modules/.cache目录，再执行npm run dev启动开发服务，报错就会消失。

提示：Nuxt3从RC版本迭代到正式版的过程中调整、废弃了大量根级配置项，遇到模块加载类问题时，优先核对依赖是否完整安装、配置写法是否匹配当前使用的框架版本，不要直接照搬过时的教程配置。

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