He estado siguiendo este tutorial en línea: https://www.youtube.com/watch?v=TOb1c39m64A .
Llevo unos 10 minutos, donde estamos iniciando el servidor de desarrollo webpack por primera vez. Hago esto y cuando viajo a: http://localhost:8080/ recibo una página web en blanco con solo el texto Cannot GET / .
Estos son los únicos paquetes que he instalado hasta ahora:
"devDependencies": { "webpack": "^5.52.0", "webpack-cli": "^4.8.0", "webpack-dev-server": "^4.1.0" }
Tengo un script llamado "inicio" que ejecuta webpack serve , que se ejecuta correctamente y muestra:
<i> [webpack-dev-server] Project is running at: <i> [webpack-dev-server] Loopback: http://localhost:8080/
Según el tutorial, no tengo la configuración del paquete web, sin embargo, me he metido con otras cosas del paquete web en otros proyectos de codificación, ¿podría uno de estos estar usando mi puerto 8080? Trabajo principalmente en Firefox, pero este problema persiste en todos los navegadores.
También miré mi archivo de hosts y agregué una línea, si cree que podría ayudar, la pegaré aquí.
Como se solicitó aquí, está mi paquete.json (la mayor parte ya se publicó anteriormente):
{ "private": true, "scripts": { "start": "webpack serve", "watch": "webpack --watch", "build": "webpack" }, "devDependencies": { "webpack": "^5.52.0", "webpack-cli": "^4.8.0", "webpack-dev-server": "^4.1.0" } }
Parece que incluso en 7 meses el tutorial se ha quedado obsoleto.
Arreglo para cualquier persona como yo que lo esté siguiendo en una PC con Windows.
Agregué un archivo webpack.config.js en mi directorio raíz que se veía así:
module.exports = { mode: "development", devServer: { static: "./dist", }, }; En el tutorial, usa contentBase como clave en el objeto devServer, una propiedad que parece haber quedado obsoleta en una actualización reciente, por lo que se usa static como reemplazo.
Ahora todo se sirve a localhost y funciona.