在azure devops中创建构建管道时，react应用程序webpack5配置出现问题

Question

下面是我的build命令，

 "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-hosted agents不同，因此如果您的项目构建结果依赖于构建环境，您最好使用deploy self-hosted agents，它将在您的本地环境上运行。

如果仍要使用Microsoft-hosted agents，则可以通过选择表中的包含的软件链接来查看每个托管代理的已安装软件。

然后将其与本地构建环境进行比较，以决定安装其他所需的软件/库/包或特定软件版本来构建您的项目。