T
TanStack•2mo ago
extended-salmon

How do I debug route tree generation errors?

I'm getting this route generation error whenever I tried to save a new route file: 
Error: expected identifier to be present
    at file:///home/user/project-name/node_modules/@tanstack/router-generator/dist/esm/generator.js:152:19
Error: expected identifier to be present
    at file:///home/user/project-name/node_modules/@tanstack/router-generator/dist/esm/generator.js:152:19
I'm not sure how to debug this error. Any guidance on this would be greatly appreciated. Thank you.
3 Replies
official-silver
official-silver•2mo ago
the error is indeed not helpful. can you paste the route file you have?
extended-salmon
extended-salmonOP•2mo ago
I can't pinpoint which route file is causing this error. I checked the syntax on all of them and they seem correct. These are some new routes files I added: 
import { createFileRoute, Outlet } from '@tanstack/react-router'

export const Route = createFileRoute(
  '/_auth/org/$orgId/product/$productId/certificates',
)({
  component: () => <Outlet />,
})
import { createFileRoute, Outlet } from '@tanstack/react-router'

export const Route = createFileRoute(
  '/_auth/org/$orgId/product/$productId/certificates',
)({
  component: () => <Outlet />,
})
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute(
  '/_auth/org/$orgId/product/$productId/certificates/create',
)({
  component: () => <div>Hello "/_auth/org/$orgId/product/$productId/certificates/create"!</div>,
})
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute(
  '/_auth/org/$orgId/product/$productId/certificates/create',
)({
  component: () => <div>Hello "/_auth/org/$orgId/product/$productId/certificates/create"!</div>,
})
import { CertificateList } from '@/pages/certificates/CertificateList'
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute(
  '/_auth/org/$orgId/product/$productId/certificates/',
)({
  component: () => <CertificateList />
})
import { CertificateList } from '@/pages/certificates/CertificateList'
import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute(
  '/_auth/org/$orgId/product/$productId/certificates/',
)({
  component: () => <CertificateList />
})
official-silver
official-silver•2mo ago
i added a slightly better error message in https://github.com/TanStack/router/releases/tag/v1.122.0 it tells you which route failed

Did you find this page helpful?