Need help following the README

[stephenfrench9]

I am trying to follow the README, but am having some difficulties.

I think my vite config might be wrong.

I have

import { reactRouter } from "@react-router/dev/vite";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";
import { resolve } from "path";

export default defineConfig({
  plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
  base: "static/",
  build: {
    manifest: "manifest.json",
    outDir: resolve("./assets"),
    rollupOptions: {
      input: {
        'main': './app/root.tsx',
      }
    }
  },
});

Does anything look strange to you at first glance?

[MrBin99]

Hi,

Can you explain more in detail your problem ? What does not work ?

And to answer your question, 'main': './app/root.tsx' seems like you are loading a React component ? You should maybe load a simple TS file that create a React app and load your components ? (sorry I' m not a React dev but Vue works like that and I thinks React works the same way).