¿Cómo hacer que el servidor de desarrollo webpack se ejecute en el puerto 80 y en 0.0.0.0 para que sea accesible al público?

Soy nuevo en todo el mundo nodejs / reactjs así que me disculpo si mi qs suena tonto. Así que estoy jugando con esta aplicación reactjs aquí: https://github.com/bebraw/reactabular

Cada vez que hago un “inicio npm” siempre se ejecuta en localhost: 8080

¿Cómo puedo cambiarlo para que se ejecute en 0.0.0.0:8080 para que sea de acceso público? He intentado leer el código fuente en el repository anterior pero no pude encontrar el archivo que hace esta configuración.

Además, para agregar a eso, ¿cómo hago que se ejecute en el puerto 80 si eso es posible?

Gracias.

    Algo como esto funcionó para mí. Supongo que esto debería funcionar para ti.

    Ejecute webpack-dev usando esto

    webpack-dev-server --host 0.0.0.0 --port 80 

    Y configure esto en webpack.config.js

     entry: [ 'webpack-dev-server/client?http://0.0.0.0:80', config.paths.demo ] 

    Nota Si está utilizando la carga en caliente, tendrá que hacer esto.

    Ejecute webpack-dev usando esto

     webpack-dev-server --host 0.0.0.0 --port 80 

    Y configure esto en webpack.config.js

     entry: [ 'webpack-dev-server/client?http://0.0.0.0:80', 'webpack/hot/only-dev-server', config.paths.demo ], .... plugins:[new webpack.HotModuleReplacementPlugin()] 

    Así es como lo hice y parece funcionar bastante bien.

    En su archivo webpack.config.js agregue lo siguiente:

     devServer: { inline:true, port: 8008 }, 

    Obviamente, puedes usar cualquier puerto que no esté en conflicto con otro. Menciono el problema del conflicto solo porque pasé unas 4 horas. luchando contra un problema solo para descubrir que mis servicios se estaban ejecutando en el mismo puerto.

    Configure el paquete web (en webpack.config.js) con:

     devServer: { // ... host: '0.0.0.0', port: 80, // ... } 

    Soy nuevo en el desarrollo de JavaScript y ReactJS. No pude encontrar una respuesta que me funcione, hasta que la descubrí viendo el código de secuencias de comandos de reacción. Usando ReactJS 15.4.1+ usando react-scripts puede comenzar con un host y / o puerto personalizado mediante el uso de variables de entorno:

     HOST='0.0.0.0' PORT=8080 npm start 

    Espero que esto ayude a los recién llegados como yo.

    Lo siguiente funcionó para mí:

    1) En Package.json agrega esto:

     "scripts": { "dev": "webpack-dev-server --progress --colors" } 

    2) En webpack.config.js agregue esto bajo el objeto config que exporta:

     devServer: { host: "GACDTL001SS369k", // Your Computer Name port: 8080 } 

    3) Ahora en el tipo de terminal: npm run dev

    4) Después de # 3 comstack y listo simplemente diríjase a su navegador y http://GACDTL001SS369k:8080/ dirección como http://GACDTL001SS369k:8080/

    Es de esperar que su aplicación esté funcionando ahora con una URL externa a la que otros puedan acceder en la misma red.

    PD: GACDTL001SS369k fue mi nombre de computadora, así que reemplace con lo que sea suyo en su máquina.

    Si está en una aplicación React creada con ‘create-react-app’, vaya a su package.json y cambie

    "start": "react-scripts start",

    para … ( unix )

    "start": "PORT=80 react-scripts start",

    o para … ( ganar )

    "start": "set PORT=3005 && react-scripts start"

    Lo siguiente funcionó para mí en el archivo de configuración JSON:

     "scripts": { "start": "webpack-dev-server --host 127.0.0.1 --port 80 ./js/index.js" }, 

    Intenté las soluciones anteriores, pero no tuve suerte. Noté esta línea en el paquete de mi proyecto. Json:

      "bin": { "webpack-dev-server": "bin/webpack-dev-server.js" 

    },

    Miré bin/webpack-dev-server.js y encontré esta línea:

     .describe("port", "The port").default("port", 8080) 

    Cambié el puerto a 3000. Un poco de un enfoque de fuerza bruta, pero funcionó para mí.

    en package.json encontré

    “scripts”: {“inicio”: “nodo ./node_modules/webpack-dev-server/bin/webpack-dev-server.js”,

    verificando el contenido del archivo de configuración referenciado.

    vim ./node_modules/webpack-dev-server/bin/webpack-dev-server.js

    .describe (“puerto”, “El puerto”). valor predeterminado (“puerto”, 8080) .describe (“público”, “El nombre de host público / dirección IP del servidor”) .describe (“host”, “El nombre de host” / dirección IP el servidor se vinculará a “). default (” host “,” localhost “);

    cambiar la última línea anterior de localhost a 0.0.0.0

    .describe (“host”, “El nombre de host / dirección IP a la que se vinculará el servidor”). default (“host”, “0.0.0.0”);

    Traté de cambiar el puerto predeterminado de 8080 a 80, pero me dio este mensaje de error.

    r $ npm start

    redux-simple-starter@1.0.0 start / home / ubuntu / ReduxSimpleStarter node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js

    events.js: 183 throw er; // evento ‘error’ no controlado

    Anteriormente, a los servidores no les gustaban los números de puerto <8000.

    por ahora tengo npm start ejecutando el servidor y conectándose a él en la instancia de AWS EC2 ubuntu en esta dirección.

    http: //xx.xx.xx.xx: 8080 / webpack-dev-server /

    pero en lugar de cargar mi página web, aparece este error 🙁

    Encabezado del host no válido