Estoy tratando de ejecutar mi aplicación javascript con el servidor de desarrollo webpack y no recupero mi index.html , en su lugar obtengo Cannot GET / con este error dentro de la consola GET http://localhost:8080/ 404 (Not Found) . He buscado soluciones. Traté de eliminar espacios de la ruta de la aplicación y asegurarme de que la ruta dentro de la output de configuración del paquete web sea la misma que estoy vinculando en mi etiqueta de secuencia de comandos dentro de index.html . Pero aún no puedo encontrar la respuesta correcta.

webpack.config.js

 const path = require('path') module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'public/scripts'), filename: 'bundle.js' }, module: { rules: [{ test: /\.m?js$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } } }] }, devServer: { static: { directory: path.resolve(__dirname, 'public'), publicPath: '/scripts/' } } }

paquete.json

 { "name": "boilerplate", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev-server": "webpack-dev-server --mode development", "build": "webpack --mode production" }, "author": "", "license": "ISC", "devDependencies": { "@babel/cli": "^7.15.7", "@babel/core": "^7.15.8", "@babel/preset-env": "^7.15.8", "babel-loader": "^8.2.3", "live-server": "^1.2.1", "webpack": "^5.60.0", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.3.1" } }