0
505
Views"No se puede OBTENER /" webpack-dev-server
Para evitar que esta pregunta se marque como duplicada, quiero mencionar que me he referido a varias preguntas SO similares y probé las respuestas aceptadas/más votadas, pero esas no ayudaron:
- webpack-dev-server 'No se puede OBTENER /'
- No se puede OBTENER / - localhost 8080 no funciona con el servidor de desarrollo webpack
- No se puede OBTENER / error al ejecutar hello world en webpack
- Complemento no definido en el archivo de configuración del paquete web
Estoy tratando de crear una aplicación Javascript simple que use RxJs, siguiendo el tutorial en https://www.javatpoint.com/rxjs-first-example .
Cuando inicio webpack-dev-server, aparece el error "Cannot GET /".
He enviado el código aquí a un repositorio de git para que se reproduzca fácilmente. Aquí están los pasos:
git clone https://github.com/phalgunv/basic-rxjs-starter.git npm run start Abra "http://localhost:8080/", me sale el error 
¿Que me estoy perdiendo aqui?
2 answers
Answer question0
Su configuración es correcta; según la configuración de su nombre de archivo en Webpack, su paquete se encuentra en http://localhost:8080/bundle.js
Si desea copiar un archivo index.html para publicar el contenido de su paquete, puede consultar HtmlWebpackPlugin aquí: https://webpack.js.org/plugins/html-webpack-plugin/
0
Gracias @dave-kiss por apuntar en la dirección correcta, la idea clave es el uso de HtmlWebpackPlugin y HtmlLoader .
Confirmé los cambios en el repositorio https://github.com/phalgunv/basic-rxjs-starter.git en la rama bug-fix-content-not-served como referencia.
Estos son los pasos seguidos:
Instalar carga html
npm install --save-dev html-loader html-webpack-plugin
Actualice los módulos webpack.config.js -> reglas con html-loader
módulo: { reglas: [ { prueba: /.tsx?$/, uso: "ts-loader", excluir: /node_modules/, }, { prueba: /.html$/, cargador: "html-loader", } , ], },
Actualice webpack.config.js con HtmlWebpackPlugin
complementos: [ nuevo HtmlWebpackPlugin ({ plantilla: "src/index.html", }), ],
Eliminar la etiqueta
<script>de index.html
Verifique la confirmación: https://github.com/phalgunv/basic-rxjs-starter/commit/15d0779614ccd0428bb47bc308bea8f7f0509ea0 como referencia.