【问题标题】:Cannot load Pinia in Nuxt3无法在 Nuxt3 中加载 Pinia
【发布时间】:2022-12-04 04:59:28
【问题描述】:

我正在尝试设置 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 中删除“基本”参数,但这也没有帮助。如果我取出 pinia 声明,一切正常。

【问题讨论】:

    标签: vuejs3 nuxtjs3 pinia


    【解决方案1】:

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

    我想我错过了实际的 pinia 库

    【讨论】:

      【解决方案2】:

      我有同样的问题并解决它安装 纱线添加@pinia/nuxt 代替 npm

      【讨论】:

        猜你喜欢
        • 2022-10-05
        • 2022-06-15
        • 2022-11-11
        • 2023-02-07
        • 2022-10-06
        • 2022-08-17
        • 2022-11-11
        • 2023-02-16
        • 1970-01-01
        相关资源
        最近更新 更多