createFileRoute removed on save | TanStack | Page 1

ripe agate Jun 1, 2025, 2:27 PM

#

Trying to migrate from Next.js, running the alpha. Running into two issues with file based routing:

No createFileRoute being inserted in existing files
With new files, createFileRoute is added, but when saving the createFileRoute import is removed

    "@tanstack/react-router": "1.121.0-alpha.14",
    "@tanstack/react-start": "1.121.0-alpha.21",

Vite config

import tailwindcss from "@tailwindcss/vite"
import { tanstackStart } from "@tanstack/react-start/plugin/vite"
import { defineConfig } from "vite"
import tsconfigPaths from "vite-tsconfig-paths"

export default defineConfig({
  server: {
    port: 3000,
  },
  plugins: [tailwindcss(), tsconfigPaths(), tanstackStart()],
})

real bear Jun 1, 2025, 2:29 PM

#

yes, this is expected. you dont import createFileRoute anymore

#

this will be much smoother soon

ripe agate Jun 1, 2025, 2:32 PM

#

real bear yes, this is expected. you dont import `createFileRoute` anymore

Thanks, how do we deal with the TypeScript part then? Create a global or something?

real bear Jun 1, 2025, 2:32 PM

#

it's done for you automatically

#

no need to worry about that

ripe agate Jun 1, 2025, 2:36 PM

#

real bear it's done for you automatically

It seems that this only works for 1 file for me. In my index.tsx I dont need the import. In other files it will give me a missing definition error.

Also, is there a way to fix #1? It seems that Vite is not adding export const Route ... to files that already existed

real bear Jun 1, 2025, 2:36 PM

#

we only prefill empty files

#

so you would need to add the export yourself. should be picked up then .

ripe agate Jun 1, 2025, 2:37 PM

#

Fair enough, thanks!

real bear Jun 1, 2025, 2:37 PM

#

however the code generator is currently being rewritten by me to me much more robust.

#

will be out soon

ripe agate Jun 1, 2025, 2:38 PM

#

Nice! Looking forward to it

#createFileRoute removed on save