Vue 3 + Webpack 5 + iClient 构建报错 webpack ＜ 5 used to include polyfills for node.js core modules

作者：xiaoyan

一、现象

Vue 3 + Webpack 5 + SuperMap iClient 构建程序时报如下错误：

二、原因

由于在Webpack 5中移除了nodejs核心模块的polyfill自动引入，所以需要手动引入，如果打包过程中有使用到nodejs核心模块，Webpack 5会提示进行相应配置，而iClient内包含的Elasticsearch需要该模块。

三、解决方案

1. 通过插件node-polyfill-webpack-plugin解决，首先安装该插件。

npm install node-polyfill-webpack-plugin

2. 在vue.config.js中修改配置，添加以下配置项

const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')

configureWebpack: {
	plugins: [new NodePolyfillPlugin()]
}

四、最终结果

附范例下载地址

链接：https://pan.baidu.com/s/12MZnJKhhRSxXqGPb7dQ5Fw?pwd=smap
提取码：smap

点击查看Vite构建类似问题参考