Ich erhalte in der Konsole die Fehlermeldung “Sie müssen JavaScript aktivieren, um diese App auszuführen.” reagieren

Lesezeit: 4 Minuten

Benutzer-Avatar
Jagdeesh Kumar

Ich bin neu bei Reactjs, ich arbeite an einer App. Es lief gut, aber wenn ich den Befehl npm run build ausgeführt habe, erhalte ich die Fehlermeldung “Sie müssen JavaScript aktivieren, um diese App auszuführen.”. Ich habe Änderungen an der Datei server.js vorgenommen, obwohl ich “homepage”: “./” angegeben habe, aber mein Problem wurde dadurch nicht gelöst.

Und ich habe durch Ausführen des Laravel-Projekts überprüft, dass Javascript im Browser aktiviert ist, und auch verschiedene Browser ausprobiert.

Jemand bitte helfen Sie mir, diesen Fehler zu überwinden.

  • Wenn Sie die App erstellt haben, bedeutet dies, dass der Build-Prozess wahrscheinlich den Dev-Server entfernt hat. Sie brauchen also eine Möglichkeit, die App auszuführen, dh einen Server.

    – Kajak

    11. Mai 2018 um 11:46 Uhr

  • Es lief perfekt, aber als ich diesen Befehl npm run build ausgeführt hatte, bekam ich Probleme.

    – Jagdeesh Kumar

    11. Mai 2018 um 11:53 Uhr

  • Ja, der Build-Prozess entfernt den Server. Sie haben also keine Möglichkeit, auf den Build zuzugreifen, da es sich nur um HTML, CSS und JS handelt. Können Sie der Haupt-HTML-Datei (developer.mozilla.org/en-US/docs/Web/HTML/Element/script) & fügen Sie einfach ‘console.log(“hello”) mit dieser js-Skriptdatei hinzu. Schau was passiert. Bitte stellen Sie sicher, dass der Pfad zu dieser neuen js-Datei korrekt ist.

    – Kajak

    11. Mai 2018 um 12:03 Uhr

  • @kayote Mir ist nicht klar, was du sagen willst. Bitte sagen Sie mir, welche Datei ich hinzufügen muss, und verwenden Sie diese console.log (‘Hallo’). Wenn ich dies mit einfachem mache, funktioniert es gut.

    – Jagdeesh Kumar

    11. Mai 2018 um 13:04 Uhr

  • Ja das ist, was ich meinte. Sie haben also ein einfaches Skript mit console.log hinzugefügt und es hat funktioniert. Das bedeutet, dass Js-Dateien in den Browser geladen werden und das Problem möglicherweise die Zustellung ist. Grundsätzlich müssen Sie sich irgendwie bedienen built App reagieren. medium.freecodecamp.org/…

    – Kajak

    11. Mai 2018 um 14:04 Uhr

Gehen Sie zu Ihrer SignIn-Komponente oder Register-Komponente, ändern Sie das Formular-Tag in ein div-Tag ODER verhindern Sie den Formularstandard, dh (e.preventDefault). Stellen Sie das auch sicher Javascript in Ihrem Browser aktiviert ist.

Ich habe diese Nachricht erhalten, als in der Datei client package.json kein Proxy für den Server angegeben wurde.

"proxy": "http://localhost:5000"

(wobei 5000 in die Portnummer geändert werden sollte, auf die der Server eingestellt wurde. In meinem Fall war nach dem Hinzufügen auch ein Neustart des Servers erforderlich.)

  • das war genau das, was ich brauchte. Vielen Dank!

    – Jewgenija Manolova

    25. April 2020 um 4:44 Uhr

  • Hallo, @MaxWidth, wie ich über Port Bescheid weiß, weil so viele Ports angezeigt werden, wenn ich diesen Befehl verwende: netstat -nltup

    – MageDev

    1. September 2020 um 6:49 Uhr

  • Ich habe mein Problem gelöst! Aber ich frage mich immer noch, warum das passiert, wenn ich benutze npm run startda wenn ich benutze npm run build Dann hat der Build-Ordner dieses Problem nicht angezeigt.

    – Dylan

    12. September 2021 um 2:45 Uhr

  • Hallo @Dylan, ich stehe vor einem anderen Problem. es funktioniert gut für npm run start aber nicht für serve -s build. Mein Backend läuft auf Port 5151 und ich habe es erwähnt "proxy": "http://localhost:5151" in meiner package.json, aber es funktioniert nur im Entwicklermodus, nicht im Build-Modus. Irgendwelche Hinweise?

    – last_fix

    15. September 2021 um 22:45 Uhr

  • Neustart des Servers hat mir geholfen!

    – Fight Club

    26. Oktober 2021 um 11:49 Uhr

Benutzer-Avatar
meistens Asking7179

Ich habe diesen Fehler erhalten, weil ein von mir getätigter API-Aufruf aufgrund eines ungültigen API-Schlüssels blockiert wurde.

  • das war genau das, was ich brauchte. Vielen Dank!

    – Jewgenija Manolova

    25. April 2020 um 4:44 Uhr

  • Hallo, @MaxWidth, wie ich über Port Bescheid weiß, weil so viele Ports angezeigt werden, wenn ich diesen Befehl verwende: netstat -nltup

    – MageDev

    1. September 2020 um 6:49 Uhr

  • Ich habe mein Problem gelöst! Aber ich frage mich immer noch, warum das passiert, wenn ich benutze npm run startda wenn ich benutze npm run build Dann hat der Build-Ordner dieses Problem nicht angezeigt.

    – Dylan

    12. September 2021 um 2:45 Uhr

  • Hallo @Dylan, ich stehe vor einem anderen Problem. es funktioniert gut für npm run start aber nicht für serve -s build. Mein Backend läuft auf Port 5151 und ich habe es erwähnt "proxy": "http://localhost:5151" in meiner package.json, aber es funktioniert nur im Entwicklermodus, nicht im Build-Modus. Irgendwelche Hinweise?

    – last_fix

    15. September 2021 um 22:45 Uhr

  • Neustart des Servers hat mir geholfen!

    – Fight Club

    26. Oktober 2021 um 11:49 Uhr

Benutzer-Avatar
Jangya-Satapathie

Stellen Sie nur sicher, dass diese Route nach allen anderen Routen angezeigt werden muss

app.get("/*", function (req, res) {
   res.sendFile(path.resolve(__dirname, '../client/build', 'index.html'));
})

  • Das hat bei mir funktioniert! Ich hatte jede einzelne Lösung ausprobiert, danke!

    – Fiyin Akinsiku

    19. Oktober 2021 um 15:15 Uhr

1009880cookie-checkIch erhalte in der Konsole die Fehlermeldung “Sie müssen JavaScript aktivieren, um diese App auszuführen.” reagieren

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy