تایپاسکریپت - اجرای npm run preview با اپلیکیشن ویته ریاکت کار میکند اما نمیتوانم آن را در نتلیفای مستقر کنم

من یک برنامه ساختهام که میخواهم آن را در Netlify مستقر کنم اما کار نمیکند. این برنامه یک برنامه React با Vite است که از TypeScript و Chakra-UI استفاده میکند. ساخت برنامه موفقیتآمیز است اما خطاهای زیادی از این نوع دریافت میکنم: 'node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs (1:0) دستورات سطح ماژول هنگام بستهبندی باعث ایجاد خطا میشوند، "use client" در "node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs" نادیده گرفته شد.'

این به خوبی کار میکند وقتی که آن را به صورت محلی با 'npm run dev' اجرا میکنم و همچنین بعد از ساخت با 'npm run preview'، اما بعد از اینکه آن را در نتلیفای مستقر میکنم، خطاهای نشان داده شده در تصویر را دریافت میکنم.

خطایی که در صفحه نتلیفی دریافت میکنم.

آیا کسی میتواند لطفاً کمک کند؟

من همچنین تلاش کردهام آن را در صفحات گیتهاب و ورسل مستقر کنم، اما همان اتفاق آنجا هم میافتد.

پاسخ شماره ۱

شما پایه را در پیکربندی vite خود تنظیم میکنید. که میتوانید از آن برای تعریف یک پیشوند برای تمام داراییهای خود استفاده کنید. زمانی که آن را حذف کنید، داراییهای متصل شده شما در فایل html باید کار کنند.

  1. حذف base در تنظیمات vite خود
  base: "/game-discovery/",


  1. npm run build
  2. موفقیت 🎉:D