From fae614c2e10b685a570afc464c3143257dba50c3 Mon Sep 17 00:00:00 2001 From: Vikramadhitya V Kalahasthi Date: Thu, 8 Jan 2026 20:36:54 -0800 Subject: [PATCH] Fix errors with demo files by enhancing Vite config with path aliasing and imports A lot of demo files use @ which causes issues during Vite's dependency scan --- .../react-cra/add-ons/start/assets/vite.config.ts.ejs | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frameworks/react-cra/add-ons/start/assets/vite.config.ts.ejs b/frameworks/react-cra/add-ons/start/assets/vite.config.ts.ejs index cc31cb71..e1ed5e8a 100644 --- a/frameworks/react-cra/add-ons/start/assets/vite.config.ts.ejs +++ b/frameworks/react-cra/add-ons/start/assets/vite.config.ts.ejs @@ -2,12 +2,18 @@ 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'<% if (tailwind) { %> +import viteTsConfigPaths from 'vite-tsconfig-paths' +import { fileURLToPath, URL } from 'url'<% if (tailwind) { %> import tailwindcss from "@tailwindcss/vite" <% } %><% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportContent(integration) %> <% } %> const config = defineConfig({ + resolve: { + alias: { + '@': fileURLToPath(new URL('./src', import.meta.url)), + }, + }, plugins: [devtools(), <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %> // this is the plugin that enables path aliases viteTsConfigPaths({