Make Tanstack Router compatible with ECMAScript Modules standard.

[10thfloor]

The release of Deno 2.0 makes me excited for the future of TypeScript development, and Tanstack will get left behind without this change. What change you ask?

The generated route file at the heart of Tanstack Router (routeTree.gen.ts) includes this line:

import { Route as rootRoute } from './routes/__root'

With native ECMAScript modules, local import specifiers must always include the full file extension. It cannot be omitted.

This means Tanstack router can't be used in environments that have strict support the ECMAScript Modules standard (Deno).

Deno's approach is the correct one. Suggestion: removing the need for special workarounds (ie moduleResolution: bundler), and "magic" syntax, especially in auto-generated files, in favour of generating standards-compliant code!

[schiller-manuel]

are you looking for addExtensions?

https://tanstack.com/router/latest/docs/framework/react/guide/file-based-routing#options

[10thfloor]

Oh, great! Why would this be an option though? Seems simpler just to include the extensions.

[schiller-manuel]

I think there were some other issues, don't remember it...
so can we close this?

[10thfloor]

Yup :) Thanks.