init

Author: cnzhumr

.github/workflows/nextjs.yml

@@ -41,7 +41,7 @@ jobs:
             exit 0
           elif [ -f "${{ github.workspace }}/package.json" ]; then
             echo "manager=npm" >> $GITHUB_OUTPUT
-            echo "command=ci" >> $GITHUB_OUTPUT
+            echo "command=ci --legacy-peer-deps" >> $GITHUB_OUTPUT
             echo "runner=npx --no-install" >> $GITHUB_OUTPUT
             exit 0
           else

2024-07-13-11-45-30.md

@@ -1,12 +1,14 @@
 # Next.js GitHub Pages部署修复记录
 
 ## 问题
-GitHub Pages部署失败，显示 "Deploy Next.js site to Pages / build (push) Failing after 21s"。
+1. GitHub Pages部署失败，显示 "Deploy Next.js site to Pages / build (push) Failing after 21s"。
+2. npm依赖解析错误：React和ReactDOM版本不兼容。
 
 ## 原因分析
 1. Next.js 15.x版本需要特定的静态导出配置
 2. Tailwind CSS配置不完整或不兼容
 3. GitHub Actions工作流配置不适合新版Next.js
+4. React 19.0.0与react-dom需要的React 19.1.0版本不兼容
 
 ## 解决方案
 
@@ -35,6 +37,7 @@ export default nextConfig;
 
 ### 2. 更新GitHub Actions工作流配置
 - 删除不必要的 `next export` 命令，因为新版Next.js的`build`命令已经包含导出功能
+- 在npm命令中添加 `--legacy-peer-deps` 参数以处理依赖冲突
 
 ### 3. 修复Tailwind CSS配置
 - 更新 postcss.config.mjs 以正确配置Tailwind CSS和autoprefixer
@@ -43,7 +46,12 @@ export default nextConfig;
 
 ### 4. 修复包依赖
 - 添加autoprefixer和postcss依赖
-- 确保依赖版本兼容
+- 更新React和ReactDOM版本至兼容版本：
+  ```json
+  "react": "^19.1.0",
+  "react-dom": "^19.1.0"
+  ```
+- 确保所有依赖版本兼容
 
 ## 测试
 推送更改到GitHub仓库后，GitHub Actions应该能够成功构建并部署站点到GitHub Pages。 

package.json

@@ -30,8 +30,8 @@
     "framer-motion": "^12.6.2",
     "lucide-react": "^0.484.0",
     "next": "15.2.4",
-    "react": "19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-resizable-panels": "^2.1.7",
     "recharts": "^2.15.4",
     "sharp": "^0.33.5",