Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

vue3 example doesn't work #2254

Open
1 task done
sailod opened this issue Jul 9, 2024 · 0 comments
Open
1 task done

vue3 example doesn't work #2254

sailod opened this issue Jul 9, 2024 · 0 comments
Assignees
Labels
bug Something isn't working

Comments

@sailod
Copy link

sailod commented Jul 9, 2024

Current Behavior

after running commands as instructed by the readme - npm i && npm run dev
we get all sorts of errors and nothing is shown when trying to open the web app:
@web3-onboard/transaction-preview
| rollup v2.68.0
| bundles src/index.ts → dist...
@web3-onboard/solid
| yarn dev failed with exit code 1
@web3-onboard/magic
| rollup v2.68.0
| bundles src/index.ts → dist...
@web3-onboard/core
| rollup v2.79.1
| bundles src/index.ts → dist...
demo
| [webpack-dev-server] Project is running at:
| [webpack-dev-server] Loopback: http://localhost:8080/
| [webpack-dev-server] On Your Network (IPv4): http://172.17.0.2:8080/
| [webpack-dev-server] Content not from webpack is served from '/workspaces/web3-onboard/packages/demo/public' directory
| node:internal/fs/watchers:247
| const error = new UVException({
| ^
|
| Error: ENOSPC: System limit for number of file watchers reached, watch '/workspaces/web3-onboard/packages/demo/public'
| at FSWatcher. (node:internal/fs/watchers:247:19)
| at Object.watch (node:fs:2471:36)
| at createFsWatchInstance (/workspaces/web3-onboard/node_modules/chokidar/lib/nodefs-handler.js:119:15)
| at setFsWatchListener (/workspaces/web3-onboard/node_modules/chokidar/lib/nodefs-handler.js:166:15)
| at NodeFsHandler._watchWithNodeFs (/workspaces/web3-onboard/node_modules/chokidar/lib/nodefs-handler.js:331:14)
| at NodeFsHandler._handleDir (/workspaces/web3-onboard/node_modules/chokidar/lib/nodefs-handler.js:567:19)
| at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
| at async NodeFsHandler._addToNodeFs (/workspaces/web3-onboard/node_modules/chokidar/lib/nodefs-handler.js:617:16)
| at async /workspaces/web3-onboard/node_modules/chokidar/index.js:451:21
| at async Promise.all (index 0)
| Emitted 'error' event on FSWatcher instance at:
| at FSWatcher._handleError (/workspaces/web3-onboard/node_modules/chokidar/index.js:647:10)
| at NodeFsHandler._addToNodeFs (/workspaces/web3-onboard/node_modules/chokidar/lib/nodefs-handler.js:645:18)
| at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
| at async /workspaces/web3-onboard/node_modules/chokidar/index.js:451:21
| at async Promise.all (index 0) {
| errno: -28,
| syscall: 'watch',
| code: 'ENOSPC',
| path: '/workspaces/web3-onboard/packages/demo/public',
| filename: '/workspaces/web3-onboard/packages/demo/public'
| }
|
| Node.js v22.2.0
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
| yarn dev failed with exit code 1
@web3-onboard/frame
|
| 4:52:12 PM - Found 0 errors. Watching for file changes.
@web3-onboard/unstoppable-resolution
|
| 4:52:15 PM - Found 0 errors. Watching for file changes.
@web3-onboard/bitkeep
|
| 4:52:17 PM - Found 0 errors. Watching for file changes.
@web3-onboard/okx
|
| 4:52:18 PM - Found 0 errors. Watching for file changes.
@web3-onboard/infinity-wallet
|
| 4:52:19 PM - Found 0 errors. Watching for file changes.
@web3-onboard/metamask
|
| 4:52:20 PM - Found 0 errors. Watching for file changes.
@web3-onboard/bloom
|
| 4:52:21 PM - Found 0 errors. Watching for file changes.
@web3-onboard/particle-network
|
| 4:52:22 PM - Found 0 errors. Watching for file changes.
@web3-onboard/dcent
|
| 4:52:22 PM - Found 0 errors. Watching for file changes.
@web3-onboard/phantom
|
| 4:52:22 PM - Found 0 errors. Watching for file changes.
@web3-onboard/frontier
|
| 4:52:22 PM - Found 0 errors. Watching for file changes.
@web3-onboard/bitget
|
| 4:52:23 PM - Found 0 errors. Watching for file changes.
@web3-onboard/fortmatic
|
| 4:52:23 PM - Found 0 errors. Watching for file changes.
@web3-onboard/vue
| src/index.ts(1,25): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/index.ts(9,8): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/index.ts(12,31): error TS2307: Cannot find module '@web3-onboard/core/dist/types' or its corresponding type declarations.
| src/index.ts(54,42): error TS7006: Parameter 'update' implicitly has an 'any' type.
| src/types.ts(6,8): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
|
| 4:52:23 PM - Found 5 errors. Watching for file changes.
@web3-onboard/sequence
|
| 4:52:25 PM - Found 0 errors. Watching for file changes.
@web3-onboard/walletlink
|
| 4:52:25 PM - Found 0 errors. Watching for file changes.
@web3-onboard/xdefi
|
| 4:52:25 PM - Found 0 errors. Watching for file changes.
@web3-onboard/keepkey
|
| 4:52:25 PM - Found 0 errors. Watching for file changes.
@web3-onboard/coinbase
|
| 4:52:25 PM - Found 0 errors. Watching for file changes.
@web3-onboard/venly
|
| 4:52:26 PM - Found 0 errors. Watching for file changes.
@web3-onboard/arcana-auth
|
| 4:52:26 PM - Found 0 errors. Watching for file changes.
@web3-onboard/blocto
|
| 4:52:27 PM - Found 0 errors. Watching for file changes.
@web3-onboard/portis
|
| 4:52:27 PM - Found 0 errors. Watching for file changes.
@web3-onboard/mew-wallet
|
| 4:52:27 PM - Found 0 errors. Watching for file changes.
@web3-onboard/gnosis
|
| 4:52:27 PM - Found 0 errors. Watching for file changes.
@web3-onboard/cede-store
|
| 4:52:27 PM - Found 0 errors. Watching for file changes.
@web3-onboard/enkrypt
|
| 4:52:28 PM - Found 0 errors. Watching for file changes.
@web3-onboard/walletconnect
|
| 4:52:28 PM - Found 0 errors. Watching for file changes.
@web3-onboard/trust
|
| 4:52:28 PM - Found 0 errors. Watching for file changes.
@web3-onboard/gas
|
| 4:52:28 PM - Found 0 errors. Watching for file changes.
@web3-onboard/torus
|
| 4:52:28 PM - Found 0 errors. Watching for file changes.
@web3-onboard/taho
|
| 4:52:29 PM - Found 0 errors. Watching for file changes.
@web3-onboard/injected-wallets
|
| 4:52:29 PM - Found 0 errors. Watching for file changes.
@web3-onboard/mew
|
| 4:52:29 PM - Found 0 errors. Watching for file changes.
@web3-onboard/tallyho
|
| 4:52:29 PM - Found 0 errors. Watching for file changes.
@web3-onboard/zeal
|
| 4:52:29 PM - Found 0 errors. Watching for file changes.
@web3-onboard/keystone
|
| 4:52:30 PM - Found 0 errors. Watching for file changes.
@web3-onboard/web3auth
|
| 4:52:32 PM - Found 0 errors. Watching for file changes.
@web3-onboard/ledger
|
| 4:52:33 PM - Found 0 errors. Watching for file changes.
@web3-onboard/uauth
|
| 4:52:34 PM - Found 0 errors. Watching for file changes.
@web3-onboard/wagmi
|
| 4:52:34 PM - Found 0 errors. Watching for file changes.
@web3-onboard/common
|
| 4:52:35 PM - Found 0 errors. Watching for file changes.
@web3-onboard/react
| src/context.tsx(2,25): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/context.tsx(3,46): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/hooks/useAccountCenter.ts(1,36): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/hooks/useAppState.ts(4,31): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/hooks/useConnectWallet.ts(7,8): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/hooks/useNotifications.ts(7,8): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/hooks/useSetChain.ts(3,37): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/hooks/useSetChain.ts(31,25): error TS7031: Binding element 'label' implicitly has an 'any' type.
| src/hooks/useUpdateTheme.ts(1,28): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/hooks/useWagmiConfig.ts(1,34): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
| src/hooks/useWallets.ts(1,34): error TS2307: Cannot find module '@web3-onboard/core' or its corresponding type declarations.
|
| 4:52:36 PM - Found 11 errors. Watching for file changes.
@web3-onboard/passport
|
| 4:52:37 PM - Found 0 errors. Watching for file changes.
@web3-onboard/trezor
|
| 4:52:43 PM - Found 0 errors. Watching for file changes.
@web3-onboard/capsule
|
| 4:52:45 PM - Found 0 errors. Watching for file changes.
@web3-onboard/hw-common
| node:internal/errors:540
| throw error;
| ^
|
| TypeError: The "code" argument must be of type number. Received an instance of Error
| at process.set [as exitCode] (node:internal/bootstrap/node:123:9)
| at process.exit (node:internal/process/per_thread:177:24)
| at process.close (/workspaces/web3-onboard/packages/hw-common/node_modules/rollup/dist/shared/watch-cli.js:465:23)
| at process.emit (node:events:520:28)
| at process.emit (/workspaces/web3-onboard/node_modules/source-map-support/source-map-support.js:516:21)
| at processEmit [as emit] (/workspaces/web3-onboard/packages/hw-common/node_modules/rollup/dist/shared/watch-cli.js:327:34)
| at process._fatalException (node:internal/process/execution:191:25)
| at throwUnhandledRejectionsMode (node:internal/process/promises:391:5)
| at processPromiseRejections (node:internal/process/promises:470:17)
| at processTicksAndRejections (node:internal/process/task_queues:96:32) {
| code: 'ERR_INVALID_ARG_TYPE'
| }
|
| Node.js v22.2.0
error Command failed with exit code 7.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
| yarn dev failed with exit code 7

Expected Behavior

the Vue3 app should run without any errors and the web page should be display as well

Steps To Reproduce

tried with this version of node:
v22.2.0
running inside a container

What package is effected by this issue?

@web3-onboard/vue

Is this a build or a runtime issue?

N/A

Package Version

NA

Node Version

v22.2.0

What browsers are you seeing the problem on?

No response

Relevant log output

No response

Anything else?

nothing special done here, just a simple

  1. clone repo (main branch)
  2. open in node container
  3. npm i && npm run dev

Sanity Check

  • If this is a build issue, I have included my build config. If this is a runtime issue, I have included reproduction steps and/or a Minimal, Reproducible Example.
@sailod sailod added the bug Something isn't working label Jul 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants