[Bug] 本地yarn dev可以运行，yarn build报错

[2936401755]

📦 部署方式

官方安装包

📌 软件版本

2.15.8

💻 系统环境

Windows

📌 系统版本

Win10

🌐 浏览器

Edge

📌 浏览器版本

最新

🐛 问题描述

本地运行yarn dev时可以运行，运行yarn build就报错了，日志如下：
G:\code\ChatGPT-Next-Web>yarn build
yarn run v1.22.19
$ yarn mask && cross-env BUILD_MODE=standalone next build
$ npx tsx app/masks/build.ts
npm notice
npm notice New major version of npm available! 10.8.2 -> 11.0.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.0.0
npm notice To update run: npm install -g [email protected]
npm notice
[Next] build mode standalone
[Next] build with chunk: true
▲ Next.js 14.2.20

• Environments: .env
• Experiments (use with caution):
  · forceSwcTransforms

Creating an optimized production build ...
[webpack.cache.PackFileCacheStrategy] Skipped not serializable cache item 'Compilation/modules|javascript/auto|G:\code\ChatGPT-Next-Web\node_modules\next\dist\build\webpack\loaders\next-flight-css-loader.js??ruleSet[1].rules[14].oneOf[9].use[0]!G:\code\ChatGPT-Next-Web\node_modules\next\dist\build\webpack\loaders\css-loader\src\index.js??ruleSet[1].rules[14].oneOf[9].use[1]!G:\code\ChatGPT-Next-Web\node_modules\next\dist\build\webpack\loaders\postcss-loader\src\index.js??ruleSet[1].rules[14].oneOf[9].use[2]!G:\code\ChatGPT-Next-Web\node_modules\next\dist\build\webpack\loaders\resolve-url-loader\index.js??ruleSet[1].rules[14].oneOf[9].use[3]!G:\code\ChatGPT-Next-Web\node_modules\next\dist\compiled\sass-loader\cjs.js??ruleSet[1].rules[14].oneOf[9].use[4]!G:\code\ChatGPT-Next-Web\app\components\chat.module.scss|ssr': No serializer registered for Warning
while serializing webpack/lib/cache/PackFileCacheStrategy.PackContentItems -> webpack/lib/NormalModule -> Array { 1 items } -> webpack/lib/ModuleWarning -> Warning
⚠ Compiled with warnings

./node_modules/rt-client/dist/esm/index.js
Module not found: Can't resolve 'bufferutil' in 'G:\code\ChatGPT-Next-Web\node_modules\rt-client\dist\esm'

Import trace for requested module:
./node_modules/rt-client/dist/esm/index.js
./app/components/realtime-chat/realtime-chat.tsx
./app/components/realtime-chat/index.ts
./app/components/chat.tsx
./app/components/home.tsx

./node_modules/rt-client/dist/esm/index.js
Module not found: Can't resolve 'utf-8-validate' in 'G:\code\ChatGPT-Next-Web\node_modules\rt-client\dist\esm'

Import trace for requested module:
./node_modules/rt-client/dist/esm/index.js
./app/components/realtime-chat/realtime-chat.tsx
./app/components/realtime-chat/index.ts
./app/components/chat.tsx
./app/components/home.tsx

./app/components/chat.module.scss
Warning

(1:6647) autoprefixer: end value has mixed support, consider using flex-end instead

Import trace for requested module:
./app/components/chat.module.scss
./app/components/mask.tsx
./app/components/home.tsx

Failed to compile.

./app/components/chat.tsx
556:6 Warning: React Hook useEffect has a missing dependency: 'props'. Either include it or remove the dependency array. However, 'props' will change when any prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside useEffect. react-hooks/exhaustive-deps
944:21 Error: React Hook "useChatStore" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
946:18 Error: React Hook "useAppConfig" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
950:39 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
952:20 Error: React Hook "useRef" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
953:37 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
954:37 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
955:39 Error: React Hook "useSubmitHandler" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
956:21 Error: React Hook "useRef" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
963:27 Error: React Hook "useMemo" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
972:6 Warning: React Hook useMemo has an unnecessary dependency: 'scrollRef.current.scrollHeight'. Either exclude it or remove the dependency array. react-hooks/exhaustive-deps
978:48 Error: React Hook "useScrollToBottom" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
982:37 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
983:26 Error: React Hook "useMobileScreen" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
984:20 Error: React Hook "useNavigate" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
985:43 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
986:37 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
989:23 Error: React Hook "usePromptStore" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
990:41 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
991:20 Error: React Hook "useDebouncedCallback" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1001:37 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1002:19 Error: React Hook "useDebouncedCallback" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1019:3 Error: React Hook "useEffect" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1022:24 Error: React Hook "useChatCommand" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1099:3 Error: React Hook "useEffect" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1237:23 Error: React Hook "useAccessStore" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1238:43 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1239:45 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1283:36 Error: React Hook "useMemo" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1299:26 Error: React Hook "useMemo" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1336:48 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1345:20 Error: React Hook "useMemo" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1385:49 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1387:24 Error: React Hook "useMemo" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1392:3 Error: React Hook "useCommand" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1441:51 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1444:3 Error: React Hook "useEffect" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1460:23 Error: React Hook "useCallback" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1549:59 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1551:3 Error: React Hook "useEffect" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1612:53 Error: React Hook "useState" is called in function "_Chat" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks
1913:29 Warning: Using <img> could result in slower LCP and higher bandwidth. Consider using <Image /> from next/image to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element @next/next/no-img-element
1931:35 Warning: Using <img> could result in slower LCP and higher bandwidth. Consider using <Image /> from next/image to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element @next/next/no-img-element

./app/components/markdown.tsx
131:6 Warning: React Hook useEffect has a missing dependency: 'renderArtifacts'. Either include it or remove the dependency array. react-hooks/exhaustive-deps
271:26 Error: React Hook "useMemo" is called in function "_MarkDownContent" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks

./app/components/realtime-chat/realtime-chat.tsx
285:6 Warning: React Hook useEffect has missing dependencies: 'handleConnect', 'isRecording', and 'toggleRecording'. Either include them or remove the dependency array. react-hooks/exhaustive-deps

./app/components/sd/sd.tsx
104:6 Warning: React Hook useEffect has a missing dependency: 'sdStore.draw'. Either include it or remove the dependency array. react-hooks/exhaustive-deps
165:25 Warning: Using <img> could result in slower LCP and higher bandwidth. Consider using <Image /> from next/image to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element @next/next/no-img-element

./app/components/search-chat.tsx
68:6 Warning: React Hook useCallback has a missing dependency: 'sessions'. Either include it or remove the dependency array. react-hooks/exhaustive-deps

info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

📷 复现步骤

No response

🚦 期望结果

No response

📝 补充信息

No response

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Title: [Bug] Local yarn dev can run, but yarn build reports an error