typescript - Npm run preview s aplikací vite react funguje, ale nemohu ji nasadit na netlify

Postavil jsem aplikaci, kterou bych rád nasadil na Netlify, ale nefunguje. Aplikace je React Vite aplikace používající TypeScript a Chakra-UI. Build proběhl úspěšně, ale dostávám hodně těchto chyb: 'node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs (1:0) Direktivy na úrovni modulu způsobují chyby při bundlování, "use client" v "node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs" byl ignorován.'

Funguje to dobře, když to spustím lokálně pomocí 'npm run dev' a také po sestavení pomocí 'npm run preview', ale po nasazení na Netlify se mi zobrazují chyby uvedené na obrázku.

Chyba, kterou dostávám na stránce Netlify.

Může mi prosím někdo pomoci?

Také jsem to zkoušel nasadit na GitHub Pages a Vercel, ale tam se děje to samé.

Odpověď č. 1

V souboru konfigurace Vite nastavíte základní cestu. Tu můžete použít k definování prefixu pro všechny vaše zdroje. Jakmile ji odstraníte, odkazy na vaše zdroje v souboru html by měly fungovat.

1. Odstraňte base ve své konfiguraci Vite

  base: "/game-discovery/",

2. npm run build

3. Úspěch 🎉:D