reactjs 網站給出錯誤的 GitHub 工作流

Question

我在 firebase 上托管的我的 react js 網站的 GitHub 工作流上出現錯誤。 當我在終端上運行 firebase deploy 時，它會構建和部署站點，但它不適用於自動部署。

Run npm run build

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

[webpack-cli] Failed to load '/home/runner/work/Tools-Website/Tools-Website/webpack.config.js' config
[webpack-cli] Error: Cannot find module 'html-webpack-plugin'
Require 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: Process completed with exit code 2.

Answer 1

當 GitHub 嘗試構建存儲庫時，它找不到“節點模塊”，因此我們收到此錯誤。 因此，為了解決這個問題，您需要在構建之前添加一個中間步驟來執行npm i 。