TanStackT
TanStack2w ago
5 replies
living-lavender

[Solved]: Help with using virtual file routes in Start

I followed the guide and editted my vite.config.ts to be something like this:
import { defineConfig } from 'vite'
import { devtools } from '@tanstack/devtools-vite'
import { tanstackStart } from '@tanstack/react-start/plugin/vite'
import viteReact from '@vitejs/plugin-react'
import viteTsConfigPaths from 'vite-tsconfig-paths'
import tailwindcss from '@tailwindcss/vite'
import { nitro } from 'nitro/vite'
import { tanstackRouter } from '@tanstack/router-plugin/vite'

const config = defineConfig({
  plugins: [
    devtools(),
    nitro(),
    // this is the plugin that enables path aliases
    viteTsConfigPaths({
      projects: ['./tsconfig.json'],
    }),
    tailwindcss(),
    tanstackStart(),
    tanstackRouter({
      target: 'react',
      virtualRouteConfig: './src/routes.ts',
      autoCodeSplitting: true,
      verboseFileRoutes: false,
    }),
    viteReact(),
  ],
})

export default config


However, when I tried to create a route, it always automatically added the path in createFileRoute. I cann't remove it as it will be added again later. And obviously, these routes didn't work.
Was this page helpful?