es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Flujo de trabajo de GitHub para un sitio web de ReactJS que presenta un error.

17 Jul, 2023 Programación

Estoy obteniendo un error en el flujo de trabajo de GitHub para mi sitio web react js que está alojado en Firebase. Cuando ejecuto “firebase deploy” en mi terminal, construye e implementa el sitio, pero no funciona para las implementaciones automáticas.

Ejecuta npm run build

> tool-frontend@1.0.0 build
> NODE_ENV=production webpack --mode=production

[webpack-cli] No se pudo cargar la configuración '/home/runner/work/Tools-Website/Tools-Website/webpack.config.js'
[webpack-cli] Error: No se puede encontrar el módulo 'html-webpack-plugin'
Requiere stack:
- /home/runner/work/Tools-Website/Tools-Website/webpack.config.js
- /usr/local/lib/node_modules/webpack-cli/lib/webpack-cli.js
- /usr/local/lib/node_modules/webpack-cli/lib/bootstrap.js
- /usr/local/lib/node_modules/webpack-cli/bin/cli.js
- /usr/local/lib/node_modules/webpack/bin/webpack.js
    at Function.Module.resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module.load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/home/runner/work/Tools-Website/Tools-Website/webpack.config.js:2:27)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19) ***
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/home/runner/work/Tools-Website/Tools-Website/webpack.config.js',
    '/usr/local/lib/node_modules/webpack-cli/lib/webpack-cli.js',
    '/usr/local/lib/node_modules/webpack-cli/lib/bootstrap.js',
    '/usr/local/lib/node_modules/webpack-cli/bin/cli.js',
    '/usr/local/lib/node_modules/webpack/bin/webpack.js'
  ]

Error: Proceso completado con el código de salida 2.

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    El mensaje de error indica que falta el módulo ‘html-webpack-plugin’ y no se puede encontrar. Este módulo es necesario para generar archivos HTML e inyectar paquetes de webpack en ellos.

    Para resolver este problema, debes instalar el módulo que falta ejecutando el siguiente comando en tu terminal:

    npm install html-webpack-plugin --save-dev

    Después de instalar el módulo faltante, debes actualizar tu archivo de configuración de webpack para incluirlo. En tu archivo webpack.config.js, agrega la siguiente línea al principio del archivo:

    const HtmlWebpackPlugin = require('html-webpack-plugin');

    Luego, actualiza la matriz de plugins para incluir el HtmlWebpackPlugin:

    plugins: [
  new HtmlWebpackPlugin({
    template: './src/index.html',
    filename: 'index.html',
    inject: 'body'
  })
]

    Una vez que hayas realizado estos cambios, intenta ejecutar nuevamente el comando npm run build y verifica si se resuelve el problema. Si la compilación se realiza correctamente, deberías poder implementar tu sitio automáticamente usando Firebase.

Comments are closed.