Github 的静态 Next.js 页面在构建时出现奇怪的错误

Question

我使用 Next.js 完成了我的新作品集的编码，但我遇到了一个我真的不知道如何解决的问题。

每次我尝试使用“next build”创建 github pages 网站时，我都会收到一堆关于 useEffect() 用法的错误。 它使用“npm run dev”正常运行，但是当我尝试构建它时，它失败了。

const nextConfig = {
  reactStrictMode: true,
  output: 'export',
}

据我所知，我正在使用正确的输出模式进行导出。

我已经尝试过的：

1. 检查我是否正确导入 React“从‘react’导入{useState}”
2. 创建一个新项目并从头开始重写它以查找 useEffect() 的任何拼写错误或错误用法。
3. 删除 useEffect() 的每一个导入和用法，现在，问题是 useStat，如果我评论说，转到下一个，例如 useRef。

Ps：这是错误（相当大，只有两个相同类型（相同文本））

> TypeError: Cannot read properties of null (reading 'useEffect')
>     at exports.useEffect (C:\Users\user\Desktop\Profile\portfolio\next\usern-port\node_modules\react\cjs\react.production.min.js:24:292)
>     at Layout (C:\Users\user\Desktop\Profile\portfolio\next\usern-port\.next\server\chunks\643.js:266:34)
>     at Wc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:68:44)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:253)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:481)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:481)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at $c (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:78:98)
> 
> Error occurred prerendering page "/projects/the-naughty-bottle". Read
> more: https://nextjs.org/docs/messages/prerender-error TypeError:
> Cannot read properties of null (reading 'useEffect')
>     at exports.useEffect (C:\Users\user\Desktop\Profile\portfolio\next\usern-port\node_modules\react\cjs\react.production.min.js:24:292)
>     at Layout (C:\Users\user\Desktop\Profile\portfolio\next\usern-port\.next\server\chunks\643.js:266:34)
>     at Wc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:68:44)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:253)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:481)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:481)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at $c (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:78:98)
> TypeError: Cannot read properties of null (reading 'useEffect')
>     at exports.useEffect (C:\Users\user\Desktop\Profile\portfolio\next\usern-port\node_modules\react\cjs\react.production.min.js:24:292)
>     at Layout (C:\Users\user\Desktop\Profile\portfolio\next\usern-port\.next\server\chunks\643.js:266:34)
>     at Wc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:68:44)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:253)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:481)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at Zc (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:70:481)
>     at Z (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:76:89)
>     at $c (C:\Users\user\AppData\Roaming\npm\node_modules\next\node_modules\react-dom\cjs\react-dom-server.browser.production.min.js:78:98)