sajS
tRPC•9mo ago•
8 replies
saj

lazy loading does not work, but direct import works

minimal example:

not working:
export const appRouter = router({
  jobs: router({
    core: lazy(() => import("./routes/jobs/core/router").then((m) => m.jobCoreRouter)),
})


however, replacing lazy with core: jobCoreRouter, and a direct import works...

working:
import { jobCoreRouter } from "./routes/jobs/core/router";

export const appRouter = router({
  jobs: router({
    core: jobCoreRouter,
})


[{"error":{"json":{"message":"No procedure found on path \"jobs.core.queries.getJobDetails\"","code":-32004,"data":{"code":"NOT_FOUND","httpStatus":404,"stack":"TRPCError: No procedure found on path \"jobs.core.queries.getJobDetails\"\n    at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@trpc+server@11.1.2_typescript@5.8.2/node_modules/@trpc/server/dist/unstable-core-do-not-import/http/resolveResponse.mjs:243:27)\n    at Array.map (<anonymous>)\n    at resolveResponse (webpack-internal:///(rsc)/../../node_modules/.pnpm/@trpc+server@11.1.2_typescript@5.8.2/node_modules/@trpc/server/dist/unstable-core-do-not-import/http/resolveResponse.mjs:236:37)\n    at async fetchRequestHandler (webpack-internal:///(rsc)/../../node_modules/.pnpm/@trpc+server@11.1.2_typescript@5.8.2/node_modules/@trpc/server/dist/adapters/fetch/fetchRequestHandler.mjs:41:12)\n    at async AppRouteRouteModule.do


this is how the jobCoreRouter looks:

import { router } from "../../../server";
import { jobQueries } from "./queries";
import { jobMutations } from "./mutations";

export const jobCoreRouter = router({
  queries: jobQueries,
  mutations: jobMutations,
});
Was this page helpful?