TanStack Start production build generates 404s for all static assets (JS/CSS)

JS/CSS isn't being served in my production builds - I'm sure i'm missing config somewhere. Any thoughts?

Request from ::1: GET /site.webmanifest/index.html

Environment

TanStack Start version: @tanstack/react-start@1.124.1
Target: Netlify (target: "netlify")
CSS Framework: Tailwind CSS v4 (@tailwindcss/vite)

vite.config.ts:

import {
  tanstackStart,
  TanStackStartVitePlugin,
} from "@tanstack/react-start/plugin/vite";
import { defineConfig } from "vite";
import tsConfigPaths from "vite-tsconfig-paths";
import tailwindcss from "@tailwindcss/vite";

export default defineConfig({
  esbuild: {
    include: /\.(ts|tsx)$/,
    exclude: /node_modules/,
  },
  optimizeDeps: {
    exclude: ["convex"],
  },
  plugins: [
    tsConfigPaths({
      projects: ["./tsconfig.json"],
    }),
    tailwindcss(),
    tanstackStart({ target: "netlify" }),
  ],
});

import {
  tanstackStart,
  TanStackStartVitePlugin,
} from "@tanstack/react-start/plugin/vite";
import { defineConfig } from "vite";
import tsConfigPaths from "vite-tsconfig-paths";
import tailwindcss from "@tailwindcss/vite";

export default defineConfig({
  esbuild: {
    include: /\.(ts|tsx)$/,
    exclude: /node_modules/,
  },
  optimizeDeps: {
    exclude: ["convex"],
  },
  plugins: [
    tsConfigPaths({
      projects: ["./tsconfig.json"],
    }),
    tailwindcss(),
    tanstackStart({ target: "netlify" }),
  ],
});

TanStack•9mo ago•

21 replies

awake-maroon

TanStack Start production build generates 404s for all static assets (JS/CSS)

JS/CSS isn't being served in my production builds - I'm sure i'm missing config somewhere. Any thoughts?

Request from ::1: GET /site.webmanifest/index.html

Environment

TanStack Start version: @tanstack/react-start@1.124.1
Target: Netlify (target: "netlify")
CSS Framework: Tailwind CSS v4 (@tailwindcss/vite)

vite.config.ts:

import {
  tanstackStart,
  TanStackStartVitePlugin,
} from "@tanstack/react-start/plugin/vite";
import { defineConfig } from "vite";
import tsConfigPaths from "vite-tsconfig-paths";
import tailwindcss from "@tailwindcss/vite";

export default defineConfig({
  esbuild: {
    include: /\.(ts|tsx)$/,
    exclude: /node_modules/,
  },
  optimizeDeps: {
    exclude: ["convex"],
  },
  plugins: [
    tsConfigPaths({
      projects: ["./tsconfig.json"],
    }),
    tailwindcss(),
    tanstackStart({ target: "netlify" }),
  ],
});

import {
  tanstackStart,
  TanStackStartVitePlugin,
} from "@tanstack/react-start/plugin/vite";
import { defineConfig } from "vite";
import tsConfigPaths from "vite-tsconfig-paths";
import tailwindcss from "@tailwindcss/vite";

export default defineConfig({
  esbuild: {
    include: /\.(ts|tsx)$/,
    exclude: /node_modules/,
  },
  optimizeDeps: {
    exclude: ["convex"],
  },
  plugins: [
    tsConfigPaths({
      projects: ["./tsconfig.json"],
    }),
    tailwindcss(),
    tanstackStart({ target: "netlify" }),
  ],
});

TanStack Start production build generates 404s for all static assets (JS/CSS)

Similar Threads

TanStack Start production build generates 404s for all static assets (JS/CSS)

Similar Threads

Similar Threads

Similar Threads