Demo Applications - Vue.js Example

[wechta]

Hi, I'm following Vue.js Example from Demo apps.
I ran npm install, but when I run npm run server, I get following error:

[email protected] serve
vue-cli-service serve

INFO Starting development server...
ERROR Error: Cannot find module 'os-browserify/browser'
Require stack:
- D:\work\Web3Auth\demo\vue-app\vue.config.js
- D:\work\Web3Auth\demo\vue-app\package.json
Error: Cannot find module 'os-browserify/browser'
Require stack:

• D:\work\Web3Auth\demo\vue-app\vue.config.js
• D:\work\Web3Auth\demo\vue-app\package.json
  at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
  at Function.resolve (node:internal/modules/cjs/helpers:108:19)
  at configureWebpack (D:\work\Web3Auth\demo\vue-app\vue.config.js:18:19)
  at D:\work\Web3Auth\demo\vue-app\node_modules@vue\cli-service\lib\Service.js:283:21
  at Array.forEach ()
  at Service.resolveWebpackConfig (D:\work\Web3Auth\demo\vue-app\node_modules@vue\cli-service\lib\Service.js:280:30)
  at PluginAPI.resolveWebpackConfig (D:\work\Web3Auth\demo\vue-app\node_modules@vue\cli-service\lib\PluginAPI.js:132:25)
  at serve (D:\work\Web3Auth\demo\vue-app\node_modules@vue\cli-service\lib\commands\serve.js:79:31)
  at Service.run (D:\work\Web3Auth\demo\vue-app\node_modules@vue\cli-service\lib\Service.js:262:12)
  at processTicksAndRejections (node:internal/process/task_queues:96:5)

[shahbaz17]

Hey @wechta

Can you share the repo link here? Look's like the polyfill is not properly configured.

Try https://github.com/Web3Auth/Web3Auth/tree/master/demo/vue-app or https://github.com/Web3Auth/examples/tree/main/web-modal-sdk/evm/vue-evm-web3auth-example

[wechta]

Yes, I took it from here: https://github.com/Web3Auth/Web3Auth/tree/master/demo/vue-app

[yashovardhan]

Please have a look at this troubleshooting page: https://web3auth.io/docs/troubleshooting/webpack-issues#vuejs

This contains ways for you to polyfill this module into your application. Basically, you need to install the module os-browserify and within you vue.config.js extend that module configureWebpack.