无法找到模块'\.output\server\node_modules\pinia\dist\pinia‘的Nuxt3和Pinia

Question

我刚刚在我的Nuxt3项目和开发模式中安装了Pinia，所有的东西都可以工作，当我试图以生产模式访问我的应用程序时，我得到了这个错误和网站冻结。

[h3] [unhandled] H3Error: Cannot find module 'C:\Users\pavel\Documents\GitHub\eway\website\.output\server\node_modules\pinia\dist\pinia' imported from C:\Users\pavel\Documents\GitHub\eway\website\.output\server\chunks\server.mjs
    at createError (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/node_modules/h3/dist/index.mjs:196:15)
    at nodeHandler (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/node_modules/h3/dist/index.mjs:386:21)
    at async ufetch (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/node_modules/unenv/runtime/fetch/index.mjs:9:17)
    at async $fetchRaw2 (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/node_modules/ohmyfetch/dist/chunks/fetch.mjs:131:20)
    at async Object.errorhandler [as onError] (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/chunks/node-server.mjs:321:16)
    at async nodeHandler (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/node_modules/h3/dist/index.mjs:394:9)
    at async ufetch (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/node_modules/unenv/runtime/fetch/index.mjs:9:17)
    at async $fetchRaw2 (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/node_modules/ohmyfetch/dist/chunks/fetch.mjs:131:20)
    at async Object.errorhandler [as onError] (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/chunks/node-server.mjs:321:16)
    at async nodeHandler (file:///C:/Users/pavel/Documents/GitHub/eway/website/.output/server/node_modules/h3/dist/index.mjs:394:9) {
  statusCode: 500,
  fatal: false,
  unhandled: true,
  statusMessage: 'Internal Server Error'
}

这是我的店：

import { defineStore } from 'pinia';

export const useNavbarStore = defineStore({
    id: 'navbarStore',
    state: () => {
        return {
            menu: false
        }
    },
    actions: {
        toggleMenu() {
            this.menu = !this.menu
        }
    }
})

下面是我如何在组件中使用它：

<script>
import { useNavbarStore } from '~/store/navbar'

export default {
    data() {
        return {
            store: useNavbarStore()
        };
    },
    methods: {
        getLink(to) {
            let baseLink = '/';
            return baseLink + to
        }
    }
}

</script>

Answer 1

似乎有一个相关的GitHub问题：https://github.com/piniajs/example-nuxt-3/issues/50