使用 run dev 时找不到模块“pinia/dist/pinia.mjs”

Question

我在新的 Nuxt3 应用程序之上设置 Pinia 并启动开发服务器，按顺序使用以下命令：

npx nuxi init nuxt-app
cd nuxt-app
npm install
npm install @pinia/nuxt
npm run dev

开发服务器运行没有任何问题。然后，我将这行代码放入“nuxt.config.ts”中；

export default defineNuxtConfig({
  modules: ["@pinia/nuxt"],
});

并且，当我再次尝试连接到开发服务器时，它在终端中给出以下错误消息：

 ERROR  Cannot start nuxt:  Cannot find module 'pinia/dist/pinia.mjs'                                                                     12:03:55
Require stack:
- C:\Users\user\Documents\github2\nuxt-app\index.js

Answer 1

正如这里提到的，NPM 存在一个没有正确完成其工作的问题，以下是解决方法：

npm i pinia -f

Answer 2

据我所知，这是一个错误，有一天会被修复。在那之前你可以放

alias: {
  pinia: "/node_modules/@pinia/nuxt/node_modules/pinia/dist/pinia.mjs"
},

在你的

nuxt.config.ts

中，它就会起作用。

从这个Pinia 上的 VueSchool 课程中找到。

Answer 3

安装后，我在新的 Nuxt 3 项目中遇到了这个问题

@pinia/nuxt

。以下内容一直对我有用。

删除
1. node_modules

    文件夹。

删除
2. package-lock.json

   文件。

确保 Pinia 是模块数组中的最后一项
3. modules: ['a', 'b', 'c', '@pinia/nuxt'],
做一个新鲜的
4. npm install

   。

不需要单独安装

pinia

，有

@pinia/nuxt

就足够了。

Answer 4

请使用 Yarn

yarn add @pinia/nuxt

 而不是 npm 安装。

Answer 5

你只需要安装 pinia 本身即可。

npm i pinia