Nuxt3 与 VueUse Motion '无法启动 nuxt：包子路径 './nuxt' 未由“导出”定义'

Question

我一直在尝试将VueUse Motion与 Nuxt3 一起使用。我已按照文档进行安装@vueuse/motio，然后添加'@vueuse/motion/nuxt'到我的nuxt.config.ts文件中。但是当我想运行开发服务器时，它会产生以下错误：

Cannot start nuxt: Package subpath './nuxt' is not defined by "exports" in C:\Users\orhan\Desktop\p3\node_modules\@vueuse\motion\package.json

这是我的模块nuxt.config.ts

  modules: [
    '@nuxtjs/i18n',
    '@nuxtjs/tailwindcss',
    '@vueuse/nuxt',
    '@pinia/nuxt',
    '@vueuse/motion/nuxt',
  ],

我的package.json文件：

  "devDependencies": {
    "@iconify/json": "^2.1.116",
    "@nuxt/types": "^2.15.8",
    "@nuxtjs/google-fonts": "^3.0.0-0",
    "@nuxtjs/tailwindcss": "^5.3.3",
    "@tailwindcss/typography": "^0.5.7",
    "@vueuse/motion": "^2.0.0-beta.12",
    "nuxt": "3.0.0-rc.11",
    "prettier": "^2.7.1",
    "prettier-plugin-tailwindcss": "^0.1.13",
    "sass": "^1.55.0",
    "sass-loader": "^13.0.2",
    "unplugin-icons": "^0.14.11",
    "unplugin-vue-components": "^0.22.7"
  },
  "dependencies": {
    "@nuxtjs/i18n": "^8.0.0-alpha.2",
    "@pinia/nuxt": "^0.4.2",
    "@vueuse/nuxt": "^9.3.0",
    "daisyui": "^2.31.0"
  }

Answer 1

您正在使用的 nuxt 版本 ( 3.0.0-rc.11) 与 存在兼容性问题@vueuse/motion@2.0.0-beta.12。

解决方案：

在你的中package.json，只需尝试更改"@vueuse/motion": "^2.0.0-beta.12"为"@vueuse/motion": "^2.0.0-beta.23".

然后运行pnpm install并pnpm dev.