在 vercel 上部署期间，出现错误。我正在构建下一个项目

Question

WagmiProviderNotFoundError: `useConfig` must be used within `WagmiProvider`.
Docs: https://wagmi.sh/react/api/WagmiProvider.html
Version: [email protected]
    at useConfig (file:///vercel/path0/node_modules/wagmi/dist/esm/hooks/useConfig.js:10:15)
    at useAccount (file:///vercel/path0/node_modules/wagmi/dist/esm/hooks/useAccount.js:8:20)
    at useConnectionStatus (file:///vercel/path0/node_modules/@rainbow-me/rainbowkit/dist/index.js:115:27)
    at ConnectButton (file:///vercel/path0/node_modules/@rainbow-me/rainbowkit/dist/index.js:5489:28)
    at Wc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44)
    at Zc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253)
    at Z (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
    at $c (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
    at Zc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
    at Z (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89) {
  details: undefined,
  docsPath: '/api/WagmiProvider',
  metaMessages: undefined,
  shortMessage: '`useConfig` must be used within `WagmiProvider`.'
}
Error occurred prerendering page "/dashboard/wallet_connect". Read more: https://nextjs.org/docs/messages/prerender-error
WagmiProviderNotFoundError: `useConfig` must be used within `WagmiProvider`.
Docs: https://wagmi.sh/react/api/WagmiProvider.html
Version: [email protected]
    at useConfig (file:///vercel/path0/node_modules/wagmi/dist/esm/hooks/useConfig.js:10:15)
    at useAccount (file:///vercel/path0/node_modules/wagmi/dist/esm/hooks/useAccount.js:8:20)
    at useConnectionStatus (file:///vercel/path0/node_modules/@rainbow-me/rainbowkit/dist/index.js:115:27)
    at ConnectButton (file:///vercel/path0/node_modules/@rainbow-me/rainbowkit/dist/index.js:5489:28)
    at Wc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44)
    at Zc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253)
    at Z (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
    at $c (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
    at Zc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
    at Z (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)

   Generating static pages (9/12) 

 ✓ Generating static pages (12/12) 
> Export encountered errors on following paths:
    /dashboard/wallet_connect
Error: Command "npm run build" exited with 1

我制作了下一个登录注册项目并插入了连接钱包按钮。 然后我部署在vercel上，但是出现了上面的错误。 如果您有任何想法，将非常感谢您。

我认为 wagmi 提供商是错误的。

Answer 1

检查您的

pages

文件夹的组成方式。设法通过将组件从

pages

移至

components

来解决此问题，仅此而已。这对我帮助很大 - https://nextjs.org/docs/messages/prerender-error