无法找到从/mnt/d/projects/.output/server/chunks/app/server.mjs导入的模块‘node_ nuxt3 /graphql/language/打印机’

Question

当我使用Nuxt3 + Vue阿波罗+ GraphQL，运行yarn build和node .output/server/index.mjs时，会得到以下错误：

Cannot find module '/mnt/d/projects/.output/server/node_modules/graphql/language/printer' imported from /mnt/d/projects/.output/server/chunks/app/server.mjs
Did you mean to import graphql/language/printer.js?
  at new NodeError (node:internal/errors:371:5)
  at finalizeResolution (node:internal/modules/esm/resolve:416:11)
  at moduleResolve (node:internal/modules/esm/resolve:932:10)
  at defaultResolve (node:internal/modules/esm/resolve:1044:11)
  at ESMLoader.resolve (node:internal/modules/esm/loader:422:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:222:40)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:40)
  at link (node:internal/modules/esm/module_job:75:36)

这是我的环境和配置：

Linux操作系统:Linux版本5.4.72-microsoft-standard-WSL2

• Node版本: v16.13.0

• Npm版本: v8.1.0

package.json：

{
  "devDependencies": {
    "@apollo/client": "^3.6.2",
    "@vue/apollo-composable": "^4.0.0-alpha.17",
    "@vue/apollo-util": "^4.0.0-alpha.17",
    "graphql": "^15.8.0",
    "graphql-tag": "2.12.6",
    "nuxt3": "3.0.0-27470397.9ebea90",
    ...
  },
}

nuxt.config.ts：

import { defineNuxtConfig } from 'nuxt3';

export default defineNuxtConfig({
  build: {
    transpile: ['tslib', '@apollo/client', 'ts-invariant/process'],
  },
  ...
});

我不知道问题是什么，怎么解决？

Answer 1

您的问题和可能的解决方案在docs：https://v3.nuxtjs.org/guide/going-further/esm/中进行了描述。

若要解决此错误，请在生成过程中添加要转移的graphql。

nuxt.config.ts:

import { defineNuxtConfig } from 'nuxt3';

export default defineNuxtConfig({
  build: {
    transpile: ['graphql'],
  },
  ...
});