saj
saj
TtRPC
Created by saj on 5/11/2025 in #❓-help
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)),
})
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,
})
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
[{"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,
});
import { router } from "../../../server";
import { jobQueries } from "./queries";
import { jobMutations } from "./mutations";

export const jobCoreRouter = router({
queries: jobQueries,
mutations: jobMutations,
});
9 replies