typescript - Npm run preview med vite react app fungerer, men jeg kan ikke udrulle den til netlify

Jeg har bygget en app, som jeg gerne vil deploye til Netlify, men den virker ikke. Appen er en React Vite-app, der bruger TypeScript og Chakra-UI. Builden er succesfuld, men jeg får mange af disse fejl: 'node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs (1:0) Modulniveau-direktiver forårsager fejl, når de bundtes, "use client" i "node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs" blev ignoreret.'

Det fungerer fint, når jeg kører det lokalt med 'npm run dev' og også efter byggeriet med 'npm run preview', men jeg får de fejl, der vises på billedet, efter jeg deployer det til Netlify.

Fejlen, jeg får på Netlify-siden.

Kan nogen venligst hjælpe?

Jeg har også prøvet at udrulle det til GitHub Pages og Vercel, men det samme sker der.

Svar #1

Du sætter base i din vite-konfiguration. Den kan du bruge til at definere et præfiks for alle dine ressourcer. Når du fjerner det, bør dine linkede ressourcer i din html-fil fungere.

  1. Fjern base i din vite-konfiguration
  base: "/game-discovery/",


  1. npm run build
  2. Succes 🎉:D