


Was soll ich tun, wenn die Seite bei der React-Aktualisierung nicht gefunden werden kann?
Lösung für die Seite, die beim Aktualisieren von React nicht gefunden werden kann: 1. Suchen und öffnen Sie die Datei „app.jsx“ 2. Übergeben Sie beim Definieren des Routing-Protokolls in „app.jsx“ „class App erweitert Component {render( ) {return (
..." Codedefinition ist ausreichend.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, React-Version 18.0.0, Dell G3-Computer
Was soll ich tun, wenn die Seite beim Aktualisieren des React nicht gefunden werden kann? Wird bereitgestellt, wird die Ansicht beim Aktualisieren der Seite nicht gefunden.
Nachdem Sie das Projekt heute Morgen bereitgestellt haben, können Sie auf die Route klicken, um zu springen. Wenn jedoch die entsprechende Route aktualisiert wird, wird ein Fehler gemeldet Wenn es auf dem Server bereitgestellt wird, kann es normal verwendet werden. Fehler: Kann die entsprechende Ansicht nicht finden, da ich die erstellte Datei in der öffentlichen Datei abgelegt habe? Nachdem npm das React-Projekt ausgeführt hat, kann Node die Dateien öffentlich lesen. Die Dateien sind alle konfiguriert. Failed to lookup view "error" in views directory
Wenn im Backend keine Fehler vorliegen um die Dateien des Frontends zu überprüfen
Da es sich um Routing handelt, habe ich nach Routing-bezogenen Informationen gesucht und die Antwort gefunden. Es lag daran, dass ich
BrowserRouter
Fehlerursache:Es gibt einen Unterschied zwischen clientseitigem Routing und serverseitigem Routing. Sie können von der Homepage zu anderen Routing-Adressen springen, da diese vom Frontend gerendert werden Es ist JS, das den Speicherort dynamisch ändert. Beim Aktualisieren greifen Sie zuerst auf die Hintergrundadresse zu, laden dann den React-Code in die zurückgegebene Seite und führen ihn schließlich im Browser aus Wenn zu diesem Zeitpunkt 404 gemeldet wird, ist es nicht erforderlich, React Router auszuführen.
Verwenden Sie HashRouter anstelle von BrowserRouter, damit alle Anfragen weitergeleitet werden auf die Seite index.html und es ist keine Konfiguration auf der Serverseite erforderlich.
Lösung:
Beim Definieren des Routing-Protokolls in app.jsx können Sie es wie folgt definieren:
app.set('views', path.join(__dirname, 'views')); app.engine('.html',require('ejs').__express); // app.set('view engine', 'jade'); app.set('view engine', 'html'); app.use(logger('dev')); app.use(express.json()); app.use(express.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); //这句话就是express会读取public里面的静态文件
Empfohlenes Lernen: „
Reagieren Sie mit dem Video-Tutorial"
Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn die Seite bei der React-Aktualisierung nicht gefunden werden kann?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Ja, ReactApplicationscanbeseo-freundlich withProperStrategies.1) uaServer-Siderendering (SSR) mit TOOLSLIKENEXT.JStogenerateFullHtmlforIndexing.2) ImplementStaticSitegeneration (SSG) forcent-heavysitestopre-renderPagesStimeTime.3)

React-Leistungs Engpässe werden hauptsächlich durch ineffizientes Rendering, unnötiges Wiederaufbau und Berechnung des internen Gewichts der Komponente verursacht. 1) Verwenden Sie ReactDevtools, um langsame Komponenten zu lokalisieren und die React.MEMO -Optimierung anzuwenden. 2) Optimieren Sie die Verwendung von Effect, um sicherzustellen, dass es nur bei Bedarf ausgeführt wird. 3) Verwenden Sie Usememo und Usecallback für die Speicherverarbeitung. 4) Teilen Sie die große Komponente in kleine Komponenten. 5) Verwenden Sie für Big Data -Listen die virtuelle Bildlauftechnologie, um das Rendering zu optimieren. Durch diese Methoden kann die Leistung von React -Anwendungen erheblich verbessert werden.

Jemand könnte aufgrund von Leistungsproblemen, Lernkurven oder der Erforschung verschiedener UI -Entwicklungsmethoden nach Alternativen zum Reagieren suchen. 1) Vue.js wird für die einfache Integration und die milde Lernkurve gelobt, die für kleine und große Anwendungen geeignet ist. 2) Angular wird von Google entwickelt und ist für große Anwendungen mit einem leistungsstarken Typsystem und Abhängigkeitsinjektion geeignet. 3) Svelte bietet eine hervorragende Leistung und Einfachheit, indem es zum Bauzeit zu effizientem JavaScript zusammengestellt wird, aber sein Ökosystem wächst immer noch. Bei der Auswahl von Alternativen sollten sie basierend auf Projektanforderungen, Teamerfahrung und Projektgröße bestimmt werden.

KeysinreactarespecialAttributes agdoelementssinarraysforstableIdentität, entscheidende Forhereconconconconconconconconconconconconconconconconconconconconconiationalgorithmus, die updatesthesedoxy.1) KeyshelPreactrackChanges, Ergänzungen, orremovalsinlists.2) mithilfe von stable, stableys -ähnlich -ähnlich -ähnlich -ähnlichemdsratherthanindizes

ToreducesetupoverheadinreactProjects, UsetoolslikecreaterActApp (CRA), Next.js, Gatsby, Orstarterkits und und MaintainamodularStructur e.1) crasimplifieStupwithasinglecommand.2) Next.jsandgatsByFfermoreFeatures Butalearningcurve.3) StarterkitSprovidecompardesi

UsSestate () isareAatthookusedTomanagestateInfunktionalkomponenten.1) ItinitializesAndupDatesTate, 2) sollte beschließt, dass die Komponenten, 3) canleadto'Stalestate'ifnotusedCorcty und 4) aufführungsgeoprisiteusecallbackbackbackbackbackbackbackbackback- und -Propsedates-Propastatupdates.

ReactispopulardUetoitsComponent-basierte Architektur, Virtualdom, Richecosystem und Declarativenature.1) Komponentenbasierte ArchitektureAllowsforsableuipieces, Verbesserung der Modularität und Mainainity.2) TheVirtualDomesHancesByupdoiclyupdatingTheUi.

TodebugractApplicationseffectivy, Useethesstrategien: 1) adrescropdrillingwithContextapiorDux.2) HandleasynchronousoperationswithusSestateAndusefect unter Verwendung von ABLORTCONTORTOPREVREPRAPRACECONDITIONS.3) OptimizeperformancewithuSemoemaNtopercallbacktoAid


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

MinGW – Minimalistisches GNU für Windows
Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.

Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor

VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version

DVWA
Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software
