Recibo el error en la consola “Necesita habilitar JavaScript para ejecutar esta aplicación”. reaccionar

4 minutos de lectura

avatar de usuario
Jagdeesh Kumar

Soy nuevo en reactjs, estoy trabajando en una aplicación. Estaba funcionando bien, pero cuando ejecuté el comando npm run build, aparece el error “Necesita habilitar JavaScript para ejecutar esta aplicación”. Hice cambios en el archivo server.js, incluso le di “página de inicio”: “./”, pero no resolvió mi problema.

Y lo comprobé ejecutando el proyecto laravel, javascript está habilitado en el navegador, también probé diferentes navegadores.

Alguien por favor me ayude a superar este error.

  • Si ha creado la aplicación, significa que el proceso de creación probablemente eliminó el servidor de desarrollo. Por lo tanto, necesita una forma de ejecutar la aplicación, es decir, un servidor.

    – Kayote

    11 de mayo de 2018 a las 11:46

  • Funcionaba perfectamente, pero cuando ejecuté el comando npm run build, comencé a tener problemas.

    – Jagdeesh Kumar

    11 de mayo de 2018 a las 11:53

  • Sí, el proceso de compilación elimina el servidor. Por lo tanto, no tiene forma de acceder a la compilación porque solo es html, css y js. ¿Puede agregar un script js al archivo html principal (developer.mozilla.org/en-US/docs/Web/HTML/Element/script) y simplemente agregue ‘console.log (“hola”) con ese archivo de script js. Mira qué pasa. Asegúrese de que la ruta a este nuevo archivo js sea correcta.

    – Kayote

    11 de mayo de 2018 a las 12:03

  • @kayote No tengo claro lo que estás tratando de decir. por favor dígame qué archivo tengo que agregar y usar ese console.log(‘hola’). Si estoy haciendo esto con simple , está funcionando bien.

    – Jagdeesh Kumar

    11 de mayo de 2018 a las 13:04

  • Sí, eso es lo que quise decir. Entonces agregó un script simple con console.log y funcionó. Eso significa que los archivos Js se están cargando en el navegador y el problema puede ser la entrega. Básicamente, necesitas servir de alguna manera a tu built aplicación de reacción. medio.freecodecamp.org/…

    – Kayote

    11 de mayo de 2018 a las 14:04

Vaya a su componente de inicio de sesión o componente de registro, cambie la etiqueta del formulario a una etiqueta div O evite el formulario predeterminado, es decir (e.preventDefault). También asegúrese de que JavaScript está habilitado en su navegador.

Recibí este mensaje cuando no se especificó ningún proxy para el servidor dentro del archivo del cliente package.json.

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

(donde 5000 debe cambiarse al número de puerto que el servidor estaba configurado para escuchar. En mi caso, también requirió reiniciar el servidor una vez agregado)

  • esto era exactamente lo que necesitaba. ¡Gracias!

    – Eugenia Manolova

    25 de abril de 2020 a las 4:44

  • Hola, @MaxWidth, cómo sé sobre el puerto porque hay tantos puertos que se muestran cuando uso este comando: netstat -nltup

    – MageDev

    1 de septiembre de 2020 a las 6:49

  • ¡Resolví mi problema! Pero todavía me pregunto por qué sucede esto cuando uso npm run startya que si uso npm run build luego servir la carpeta de compilación no mostró este problema.

    – Dylan

    12 de septiembre de 2021 a las 2:45

  • hola @Dylan, me enfrento al problema opuesto. esta funcionando bien para npm run start pero no para serve -s build. Mi backend se ejecuta en el puerto 5151 y he mencionado "proxy": "http://localhost:5151" en mi paquete.json pero funciona bien solo en modo desarrollador, no en modo compilación… ¿alguna pista?

    – último_arreglo

    15/09/2021 a las 22:45

  • ¡Reiniciar el servidor me ayudó!

    – club_de_lucha

    26 oct 2021 a las 11:49

avatar de usuario
mayormentePreguntando7179

Recibí este error porque una llamada a la API que estaba realizando estaba siendo bloqueada debido a una clave de API no válida.

  • esto era exactamente lo que necesitaba. ¡Gracias!

    – Eugenia Manolova

    25 de abril de 2020 a las 4:44

  • Hola, @MaxWidth, cómo sé sobre el puerto porque hay tantos puertos que se muestran cuando uso este comando: netstat -nltup

    – MageDev

    1 de septiembre de 2020 a las 6:49

  • ¡Resolví mi problema! Pero todavía me pregunto por qué sucede esto cuando uso npm run startya que si uso npm run build luego servir la carpeta de compilación no mostró este problema.

    – Dylan

    12 de septiembre de 2021 a las 2:45

  • hola @Dylan, me enfrento al problema opuesto. esta funcionando bien para npm run start pero no para serve -s build. Mi backend se ejecuta en el puerto 5151 y he mencionado "proxy": "http://localhost:5151" en mi paquete.json pero funciona bien solo en modo desarrollador, no en modo compilación… ¿alguna pista?

    – último_arreglo

    15/09/2021 a las 22:45

  • ¡Reiniciar el servidor me ayudó!

    – club_de_lucha

    26 oct 2021 a las 11:49

avatar de usuario
Jangya satopatía

Solo asegúrese de que esta ruta debe aparecer después de todas las demás rutas

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

  • ¡Esto funcionó para mí! Había probado todas las demás soluciones, ¡gracias!

    – Fiyin Akinsiku

    19 oct 2021 a las 15:15

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad