无法在 Nuxt3 中加载 Pinia

Question

我正在尝试设置 Nuxt3 与 Pinia 一起工作。

采取的步骤：

• 从一个活跃的 nuxt3 项目开始
• 跑npm install @pinia/nuxt
• 这失败了，出现依赖错误，所以重新运行npm install @pinia/nuxt --legacy-peer-deps，效果很好
• 将 pinia 添加到我的 nuxt.config.ts 中，现在看起来像：

import { defineNuxtConfig } from 'nuxt'

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
    meta: {
        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,
    buildModules: ['@pinia/nuxt'],
    base: '/',
})

• 重新启动服务器
• 出现以下错误：

GET http://localhost:3000/_nuxt/@id/pinia/dist/pinia.mjs net::ERR_ABORTED 404 (Not Found)

我一直在谷歌搜索，无法弄清楚这里出了什么问题......我尝试取出 nuxt.config.ts 中的“base”参数，但这也没有帮助。如果我取出 pinia 声明，一切都会正常。

Answer 1

通过运行解决： npm install pinia @pinia/nuxt @nuxtjs/composition-api --legacy-peer-deps

我想我错过了实际的 pinia 库