在 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 托管的代理，您可以通过选择表中的包含软件链接来查看每个托管代理的已安装软件。 然后将其与本地构建环境进行比较，以决定安装其他所需的软件/库/包或特定软件版本来构建您的项目。