修复控制台报错：BREAKING CHANGE: webpack ＜ 5 used to include polyfills for node.js core modules by default

启动项目突然发下控制台有图1所示报错，查看vue.config.js发现配置项如下代码：

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  devServer: {
    proxy: {
      "/api": {
        target: `http://gmall-h5-api.atguigu.cn`, //请求后台接口
        changeOrigin: true, // 允许跨域
        pathRewrite: { "^/api": "" }, //路径改写
      },
    },
  },
});

`
添加代码：

configureWebpack: {
    target: "node",
  }

如下：

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  devServer: {
    proxy: {
      "/api": {
        target: `http://gmall-h5-api.atguigu.cn`, //请求后台接口
        changeOrigin: true, // 允许跨域
        pathRewrite: { "^/api": "" }, //路径改写
      },
    },
  },
  configureWebpack: {
    target: "node",
  }
});



此时程序可启动，仍有警告如图2

添加代码：

const nodeExternals = require("webpack-node-externals");
externals: [nodeExternals()],

const { defineConfig } = require("@vue/cli-service");
const nodeExternals = require("webpack-node-externals");
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  devServer: {
    proxy: {
      "/api": {
        target: `http://gmall-h5-api.atguigu.cn`, //请求后台接口
        changeOrigin: true, // 允许跨域
        pathRewrite: { "^/api": "" }, //路径改写
      },
    },
  },
  configureWebpack: {
    target: "node",
    externals: [nodeExternals()],
  }
});

重新启动项目，发现无报错了