BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.

[Michaelzhouisnotwhite]

webpack5 have moved plyfills for node.js. However web3.js use polyfill. So You better fix this.

I have solved problems on webpack by these command:

npm install node-polyfill-webpack-plugin

Then, add the plugin in vite.config.ts as follows.

const { defineConfig } = require("@vue/cli-service");
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");

module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    plugins: [new NodePolyfillPlugin()],
  },
});

NOTE: refer to thie website: https://vue-dapp-docs.netlify.app/configurations.html#vue-cli

[MikeCheng1208]

thx!
I recently will fix that's query.