Búsqueda de sitios web

reactjs - Nexus y GraphQL: La ruta de tipado raíz para el tipo "context" no existe

Estoy intentando ejecutar GraphQL en las rutas de la API de Next.js.

Estoy usando Nexus para escribir el esquema de GraphQL. Estos son los dos archivos context.ts y schema.ts para configurar el modo de desarrollo de Nexus.

// context.ts
import { database } from "../loaders/database";
import { PrismaClient } from "@prisma/client";

export interface Context {
  database: PrismaClient;
}

export const context: Context = {
  database,
};


// schema.ts
import { makeSchema } from "nexus";
import { nexusPrisma } from "nexus-plugin-prisma";
import { join } from "path";

import * as types from "./types";

export const schema = makeSchema({
  types,
  plugins: [
    nexusPrisma({
      prismaClient: (ctx) => ctx.database,
      experimentalCRUD: true,
    }),
  ],
  outputs: {
    schema: join(__dirname, "generated", "schema.graphql"),
    typegen: join(__dirname, "generated", "nexus-typegen.ts"),
  },
  contextType: {
    module: join(__dirname, "context.ts"),
    export: "Context",
  }
});

Busqué en línea y el más cercano que encontré está aquí donde usaron sourceTypes para resolver el problema. Lo intenté pero el error no desaparece.

Usé el siguiente script para generar el schema y los types para graphql.

{
  "scripts": {
      "generate:nexus": "ts-node --transpile-only -P nexus.tsconfig.json src/server/graphql/schema.ts",
  }
}

Sin embargo, está dando el siguiente error aunque el código se compile correctamente.

event - build page: /api/graphql
event - compiled successfully
Error: Root typing path "/mnt/B49635D3963596B8/Web/Web/react/next/nextjs-starter/.next/server/pages/api/context.ts" for the type "context" does not exist
    at Object.resolveImportPath (/mnt/B49635D3963596B8/Web/Web/react/next/nextjs-starter/node_modules/nexus/dist/utils.js:411:15)
    at TypegenPrinter.printDynamicImport (/mnt/B49635D3963596B8/Web/Web/react/next/nextjs-starter/node_modules/nexus/dist/typegenPrinter.js:132:40)
    at TypegenPrinter.printHeaders (/mnt/B49635D3963596B8/Web/Web/react/next/nextjs-starter/node_modules/nexus/dist/typegenPrinter.js:80:18)
    at TypegenPrinter.print (/mnt/B49635D3963596B8/Web/Web/react/next/nextjs-starter/node_modules/nexus/dist/typegenPrinter.js:69:22)
    at TypegenMetadata.<anonymous> (/mnt/B49635D3963596B8/Web/Web/react/next/nextjs-starter/node_modules/nexus/dist/typegenMetadata.js:109:128)
    at Generator.next (<anonymous>)
    at fulfilled (/mnt/B49635D3963596B8/Web/Web/react/next/nextjs-starter/node_modules/tslib/tslib.js:114:62)

¿Puede alguien ayudarme por favor a saber dónde me estoy equivocando?

¡Gracias!

Respuesta #1

Después de algo de depuración, finalmente encontré la solución.

En primer lugar, la documentación de Nexus tiene una sección para usuarios de next.js que es imprescindible leer para todos. enlace.

Tengo que reemplazar el __dirname con el process.cwd(). El problema finalmente está resuelto.

// schema.ts

import { makeSchema } from "nexus";
import { nexusPrisma } from "nexus-plugin-prisma";
import { join } from "path";

import * as types from "./types";

export const schema = makeSchema({
  types,
  plugins: [
    nexusPrisma({
      prismaClient: (ctx) => ctx.database,
      experimentalCRUD: true,
    }),
  ],
  outputs: {
    schema: join(process.cwd(), "src/server/graphql/generated/schema.graphql"),
    typegen: join(process.cwd(), "src/server/graphql/generated/nexus-typegen.ts"),
  },
  contextType: {
    module: join(process.cwd(), "src/server/graphql/context.ts"),
    export: "Context",
  },
});

Respuesta #2

En caso de que alguien más termine aquí, lo mismo se aplica a Express.js...!

Artículos relacionados