fix: Deprecated TanStackRouterVite, correct import and usage of tanstackRouter in vite.config.ts
This commit is contained in:
+2
-2
@@ -2,7 +2,7 @@ import path from 'node:path';
|
|||||||
import { defineConfig, loadEnv } from 'vite';
|
import { defineConfig, loadEnv } from 'vite';
|
||||||
import react from '@vitejs/plugin-react';
|
import react from '@vitejs/plugin-react';
|
||||||
import tailwindcss from '@tailwindcss/vite';
|
import tailwindcss from '@tailwindcss/vite';
|
||||||
import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
|
import { tanstackRouter } from '@tanstack/router-plugin/vite';
|
||||||
|
|
||||||
// https://vite.dev/config/
|
// https://vite.dev/config/
|
||||||
export default defineConfig(({ mode }) => {
|
export default defineConfig(({ mode }) => {
|
||||||
@@ -16,7 +16,7 @@ export default defineConfig(({ mode }) => {
|
|||||||
plugins: [
|
plugins: [
|
||||||
// Router plugin must run BEFORE @vitejs/plugin-react so the generated
|
// Router plugin must run BEFORE @vitejs/plugin-react so the generated
|
||||||
// routeTree is in place when React's transform runs.
|
// routeTree is in place when React's transform runs.
|
||||||
TanStackRouterVite({ target: 'react', autoCodeSplitting: true }),
|
tanstackRouter({ target: 'react', autoCodeSplitting: true }),
|
||||||
react(),
|
react(),
|
||||||
tailwindcss(),
|
tailwindcss(),
|
||||||
],
|
],
|
||||||
|
|||||||
Reference in New Issue
Block a user