reactjs - Ο ιστότοπος NextJS καταρρέει στην παραγωγή αλλά λειτουργεί καλά στην ανάπτυξη

Αναπτύσσω μια εφαρμογή χρησιμοποιώντας το NextJS με Typescript και αντιμετωπίζω αυτό το πρόβλημα. Δεν είμαι νέος σε αυτό, αλλά δεν έχω αντιμετωπίσει ποτέ αυτό το πρόβλημα ενώ έχω κάνει πολλά τέτοια έργα και τα έχω φιλοξενήσει.

Λοιπόν, με απλά λόγια, δημιούργησα ένα οριζόντιο μενού (κύριο μενού) που έχει περιεχόμενο μέσα του. Αλλά όταν πλοηγούμαι στο κύριο μενού, η εφαρμογή ουσιαστικά σπάει (αυτό συμβαίνει όταν φιλοξενείται και λειτουργεί χωρίς λάθη όταν το τρέχω τοπικά). Αν και η πλοήγηση στα πλαϊνά μενού λειτουργεί κανονικά.

Σύνδεσμος Φιλοξενημένου Ιστότοπου: https://inflow-temp.vercel.app/

Σύνδεσμος Βίντεο Παρουσίασης: https://www.awesomescreenshot.com/video/11478402?key=c4d65a557445434a7823230cb3cbbfb0

Κλωνοποιήστε για να το ελέγξετε τοπικά. Σύνδεσμος αποθετηρίου: https://gitlab.com/ettadevs/inflow-temp

Δεν κάνω λήψη δεδομένων από το διαδίκτυο ούτε χαρτογραφώ τίποτα. Το άλλαξα σε δυναμική δρομολόγηση ελπίζοντας ότι αυτό θα το διορθώσει, αλλά εξακολουθώ να αντιμετωπίζω το πρόβλημα στην παραγωγή (φιλοξενείται).

Έχω επίσης δοκιμάσει να το φιλοξενήσω στο Netlify σε περίπτωση που το vercel.com ήταν αυτό που προκαλούσε το πρόβλημα, και παρ' όλα αυτά δεν είχα καμία τύχη να λύσω αυτό το πρόβλημα.

Έχω ψάξει σε όλο το διαδίκτυο αναζητώντας απαντήσεις, αλλά δεν βρήκα καμία.

Δεν καταλαβαίνω τι προκαλεί το πρόβλημα ή πώς να το διορθώσω. Ευχαριστώ εκ των προτέρων για όλη σας τη βοήθεια.

Απάντηση #1

Αυτό μπορεί να προκαλείται από το SWC, όταν αφαιρώ το swcMinify: true από το next.config.js δεν βλέπω σφάλματα μετά την δημιουργία του έργου. Υπάρχει πιθανότητα αυτό να προκαλείται από κάποια εξάρτηση που δεν λειτουργεί σωστά με τη συμπίεση SWC. Προς το παρόν απλώς απενεργοποιήστε το SWC μέχρι να λυθεί το πρόβλημα.

Μπορείτε να ακολουθήσετε αυτή τη συζήτηση σχετικά με το SWC minify όπου άλλοι προγραμματιστές αντιμετώπισαν παρόμοια ζητήματα με τα δικά σας.