在 azure devops 中創建構建管道時反應應用程序 webpack5 配置出現問題

Question

下面是我的構建命令，

 "build": "webpack --mode=production --config webpack.prod.js",

下面是我的 webpack 相關包，

"webpack": "^5.11.0",
"webpack-cli": "^4.2.0",
"webpack-dev-server": "^3.11.0",
"webpack-merge": "^5.7.3"

下面是 webpack.prod.js，

const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = merge(common, {
mode: 'production',
});

在本地構建命令工作正常，但在管道中出現以下錯誤，

[webpack-cli] TypeError: The 'compilation' argument must be an instance of Compilation
at Function.getCompilationHooks (....\Web\ClientApp\node_modules\webpack\lib\NormalModule.js:171:10)
at ...\Web\ClientApp\node_modules\webpack\lib\HotModuleReplacementPlugin.js:705:18

Answer 1

通常，本地構建環境與Microsoft 托管的代理不同，因此如果您的項目構建結果取決於構建環境，您最好部署自托管代理，它將在您的本地環境中運行。

如果您仍想使用Microsoft 托管的代理，您可以通過選擇表中的包含軟件鏈接來查看每個托管代理的已安裝軟件。 然后將其與本地構建環境進行比較，以決定安裝其他所需的軟件/庫/包或特定軟件版本來構建您的項目。