ChatGPTNextWeb / ChatGPTNextWeb/NextChat

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

Open
#5,943 3 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
88.8k
Forks
59.1k
PR merge metrics
No merged PRs in 30d

Description

### 📦 部署方式

官方安装包

### 📌 软件版本

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 npm@11.0.0
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 `` could result in slower LCP and higher bandwidth. Consider using `` 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 `` could result in slower LCP and higher bandwidth. Consider using `` 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 `` could result in slower LCP and higher bandwidth. Consider using `` 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_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.