Critical Production Build Error: Buffer is not defined - unable to use the page

[reemardelarosa]

Describe the bug

Buffer is not defined when deployed to production but working in local development. Applied most of the solutions here but had no luck. https://github.com/vitejs/vite/discussions/2785

To Reproduce

Steps to reproduce the behavior:

1. Go to https://wallet.dloyal.com/
2. Open the devtools
3. See the Buffer is not defined error.
4. Signin page is not loading and the page is not usable.

Replicated also in stackblitz setup https://stackblitz.com/edit/qwik-starter-dtpczo?file=adaptors/express/vite.config.ts

1. Wait for the webcontainer to load and dependencies to be installed.
2. run yarn serve
3. Open console and see the Buffer error

Expected behavior

web3core should load and the signing form will display.

In the local build, it is working.

https://user-images.githubusercontent.com/4918140/203891353-35f17394-33b5-4db1-a209-d6225701816d.mov

Screenshots

Device Info (please complete the following information):

• Device: Mac Book
• OS: IOS
• Browser Chrome
• Version 107.0.5304.110 (Official Build) (arm64)
• Web3Auth Version

  "@web3auth/base": "3.0.4",
  "@web3auth/core": "3.0.4",
  "@web3auth/openlogin-adapter": "3.0.4",

Additional context

For reference

• https://github.com/ionic-team/rollup-plugin-node-polyfills

vite.config.ts

import nodePolyfills from 'rollup-plugin-node-polyfills';
import { expressAdaptor } from '@builder.io/qwik-city/adaptors/express/vite';
import { extendConfig } from '@builder.io/qwik-city/vite';
import baseConfig from '../../vite.config';

export default extendConfig(baseConfig, () => {
  return {
    build: {
      ssr: true,
      rollupOptions: {
        input: ['src/entry.express.tsx', '@qwik-city-plan'],
        plugins: [
          // Enable rollup polyfills plugin
          // used during production bundling
          nodePolyfills()
        ]
      },
    },
    plugins: [
      expressAdaptor({
        staticGenerate: true,
      }),
    ],
  };
});

[chaitanyapotti]

Pls follow the instructions here You can also reference our examples for sample apps