Wie bette ich einen React-Build-Ordner in eine vorhandene HTML-Website ein?JavaScript

Javascript-Forum
Guest
 Wie bette ich einen React-Build-Ordner in eine vorhandene HTML-Website ein?

Post by Guest »

Ich habe ein Chat-Widget, das mit React erstellt wurde.
Die Schaltfläche zum Öffnen des Widgets sieht so aus:
Image

Ich habe npm run build ausgeführt, wodurch der Build-Ordner erstellt wurde.
Der Build-Ordner sieht folgendermaßen aus:
Image
Ich habe den Build-Ordner auf einen FastAPI-Server kopiert und den Namen des Haupt-Javascripts und des Haupt-CSS geändert dazu:
Image

Ich stelle die Dateien bereit mit diesen FastAPI-Routen:
Image

Im HTML, wo ich das Widget (die Host-Website) einbetten möchte, habe ich ein Link-Tag und ein Skript-Tag eingefügt, um die Haupt-JS und CSS vom FastAPI-Server abzurufen.
Image

Ich führe npm run start auf der Host-Website aus und erhalte Folgendes:
Image

Das Gehirn-PNG wurde nicht gefunden . Wenn ich auf die Registerkarte „Netzwerk“ schaue, sehe ich Folgendes:
Image

Es wird nach dem Gehirnbild gesucht unter http://localhost:3001/static/media/brai ... 47d585.png
Was ist Wie lässt sich ein React-Build-Ordner richtig in eine vorhandene React-Website einbetten? Ich habe versucht, in den Dokumenten nachzuschauen, aber ohne Erfolg.

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post