docker部署前端过不了tsc

[zsunny6658]

docker部署时，前端tsc时，报错：

[autoclip frontend-builder 6/6] RUN npm run build:
0.500
0.500 > autoclip-mvp-frontend@0.0.0 build
0.500 > tsc && vite build
0.500
6.123 src/App.tsx(1,1): error TS6133: 'React' is declared but its value is never read.
6.123 src/components/CollectionPreviewModal.tsx(189,7): error TS2554: Expected 2 arguments, but got 3.
6.123 src/components/CollectionPreviewModal.tsx(297,82): error TS2554: Expected 2 arguments, but got 3.
6.123 src/components/CollectionPreviewModal_fixed.tsx(333,82): error TS2554: Expected 2 arguments, but got 3.
6.123 src/main.tsx(1,1): error TS6133: 'React' is declared but its value is never read.
6.124 src/pages/ProcessingPage.tsx(173,27): error TS2367: This comparison appears to be unintentional because the types '"processing"' and '"completed"' have no overlap.
6.124 src/pages/ProcessingPage.tsx(189,25): error TS2367: This comparison appears to be unintentional because the types '"processing"' and '"error"' have no overlap.
6.124 src/pages/ProjectDetailPage.tsx(155,31): error TS2339: Property 'id' does not exist on type '{}'.
6.124 src/pages/ProjectDetailPage.tsx(334,27): error TS2554: Expected 2 arguments, but got 3.
6.124 src/pages/ProjectDetailPage.tsx(451,86): error TS2554: Expected 2 arguments, but got 3.
6.124 src/pages/ProjectDetailPage.tsx(500,9): error TS2322: Type 'unknown' is not assignable to type 'Collection | null'.
6.124 src/pages/SettingsPage.tsx(92,11): error TS18046: 'data' is of type 'unknown'.
6.124 src/pages/SettingsPage.tsx(92,52): error TS18046: 'data' is of type 'unknown'.
6.124 src/pages/SettingsPage.tsx(93,11): error TS18046: 'data' is of type 'unknown'.
6.124 src/pages/SettingsPage.tsx(93,50): error TS18046: 'data' is of type 'unknown'.
6.124 src/store/useProjectStore.ts(262,37): error TS2339: Property 'response' does not exist on type '{}'.
6.125 src/store/useProjectStore.ts(263,41): error TS2339: Property 'response' does not exist on type '{}'.
6.125 src/store/useProjectStore.ts(264,35): error TS2339: Property 'response' does not exist on type '{}'.
6.125 src/store/useProjectStore.ts(338,37): error TS2339: Property 'response' does not exist on type '{}'.
6.125 src/store/useProjectStore.ts(339,41): error TS2339: Property 'response' does not exist on type '{}'.
6.125 src/store/useProjectStore.ts(340,35): error TS2339: Property 'response' does not exist on type '{}'.
6.125 src/store/useProjectStore.ts(414,37): error TS2339: Property 'response' does not exist on type '{}'.
6.125 src/store/useProjectStore.ts(415,41): error TS2339: Property 'response' does not exist on type '{}'.
6.125 src/store/useProjectStore.ts(416,35): error TS2339: Property 'response' does not exist on type '{}'.

---

failed to solve: process "/bin/sh -c npm run build" did not complete successfully: exit code: 2

关闭tsc后，能成功部署，但是没有ui页面，只有json返回信息：{"message":"自动切片工具 API 服务","version":"1.0.0"}

[zsunny6658]

同时，希望能增加docker compose 2，现在部署都是手动把脚本里面的docker-compose改成docker compose。

[upsangel]

docker-compose 版本過舊可能是因爲使用了 apt install docker-compose方式安裝，換成 https://hackmd.io/@jimmy801/docker_compose_install#%E5%BE%9E%E5%AE%98%E6%96%B9-Github-%E4%B8%8B%E8%BC%89%E5%AE%89%E8%A3%9D-Recommended 的直接curl下載最新版本的方法，就不需要改 docker-compose

我遇到的問題也是 tsc：

=> ERROR [frontend-builder 6/6] RUN npm run build 0.5s

[frontend-builder 6/6] RUN npm run build:
0.486
0.486 > autoclip-mvp-frontend@0.0.0 build
0.486 > tsc && vite build
0.486
0.490 sh: tsc: not found

爲什麼會tsc: not found 呢？AI說是因爲 typescript沒有安裝，我在/frontend 使用

npm install --save-dev typescript

package.json 已經有了 typescript：

"devDependencies": {
"@types/react": "^18.2.43",
"@types/react-dom": "^18.2.17",
"@typescript-eslint/eslint-plugin": "^6.14.0",
"@typescript-eslint/parser": "^6.14.0",
"@vitejs/plugin-react": "^4.2.1",
"eslint": "^8.55.0",
"eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.5",
"typescript": "^5.9.2",
"vite": "^5.0.8"
}
}

還是 sh: tsc: not found

UPDATE:

修改 Dockerfile，將
RUN npm ci --only=production
替換
RUN npm ci

就解決了 tsc: not found
但是就會出現樓主的同樣錯誤

[zsunny6658]

docker-compose 版本過舊可能是因爲使用了 apt install docker-compose方式安裝，換成 https://hackmd.io/@jimmy801/docker_compose_install#%E5%BE%9E%E5%AE%98%E6%96%B9-Github-%E4%B8%8B%E8%BC%89%E5%AE%89%E8%A3%9D-Recommended 的直接curl下載最新版本的方法，就不需要改 docker-compose

我遇到的問題也是 tsc：

=> ERROR [frontend-builder 6/6] RUN npm run build 0.5s

[frontend-builder 6/6] RUN npm run build:
0.486
0.486 > autoclip-mvp-frontend@0.0.0 build
0.486 > tsc && vite build
0.486
0.490 sh: tsc: not found

爲什麼會tsc: not found 呢？AI說是因爲 typescript沒有安裝，我在/frontend 使用

npm install --save-dev typescript

package.json 已經有了 typescript：

"devDependencies": {
"@types/react": "^18.2.43",
"@types/react-dom": "^18.2.17",
"@typescript-eslint/eslint-plugin": "^6.14.0",
"@typescript-eslint/parser": "^6.14.0",
"@vitejs/plugin-react": "^4.2.1",
"eslint": "^8.55.0",
"eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.5",
"typescript": "^5.9.2",
"vite": "^5.0.8"
}
}

還是 sh: tsc: not found

UPDATE:

修改 Dockerfile，將 RUN npm ci --only=production 替換 RUN npm ci

就解決了 tsc: not found 但是就會出現樓主的同樣錯誤

估计是因为刚支持docker部署，所以还未做好兼容。我fork了，处理了一下，但是又出现了视频扔进去不输出切片的问题，优化了提示词之后解决了，现在又碰到切片匹配不上的问题正在解决。

[upsangel]

@zsunny6658 感謝你的fork改進docker deploy運行webui沒問題（我修改了一處bug已pr），但我遇到的問題是API 千問和硅流的，都無法連線，不知道是否因爲我在WSL UBUNTU 裡面運行原因，請問你是在什麼環境測試的？

[zsunny6658]

@zsunny6658 感謝你的fork改進docker deploy運行webui沒問題（我修改了一處bug已pr），但我遇到的問題是API 千問和硅流的，都無法連線，不知道是否因爲我在WSL UBUNTU 裡面運行原因，請問你是在什麼環境測試的？

我是物理机（debian）docker部署的。现在流水线还有问题，正在调试，运行出来合集和切片数量都是0。