Incompatibility with Cloudflare Vite Plugin
還沒有人認領這個 Issue。
評估
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 新手友好度
- 45/100
- Issue 類型
- 缺陷
- 描述清晰度
- 基本清楚
- 活躍度
- 停滯
- 技術堆疊
- react, typescript
- 領域
- devtools
研究方向
從連結的最小可重現範例開始，使用 Cloudflare 外掛程式和 Form 或 Pacer 面板重現 SSR。檢查 @tanstack/devtools-utils/dist/solid/esm/dev.js 以及回報的 Solid 伺服器匯入錯誤；當受影響的外掛程式在啟用 Cloudflare 外掛程式的 SSR 期間能正常運作時，即表示完成。
由索引模型根據 Issue 內容生成。
描述
TanStack Devtools version
0.9.9
Framework/Library version
Tanstack start RC (1.132.0)
Describe the bug and the steps to reproduce it
-
Create a tanstack start project from scratch
-
Follow the official guide for configuring tanstack start with cloudflare:
- Install the different tanstack plugins.
I managed to replicate them using these versions:
- "@tanstack/react-query-devtools": "^5.84.2"
- "@tanstack/react-form-devtools": "^0.2.17"
- "@tanstack/react-pacer-devtools": "^0.5.2"
- "@tanstack/react-router-devtools": "^1.132.0"
- Try to import the plugins and add them to
<TanStackDevTools/>
function RootDocument({ children }: Props) {
return (
<html>
<head>
<HeadContent />
</head>
<body>
<TanStackDevtools
plugins={[
{
name: "Tanstack Router",
render: <TanStackRouterDevtoolsPanel />,
},
{
name: "Tanstack Query",
render: <ReactQueryDevtoolsPanel />,
},
// These last two break the app when executing anything SSR
{
name: "Tanstack Form",
render: <FormDevtoolsPanel />,
},
{
name: "Tanstack Pacer",
render: <PacerDevtoolsPanel />,
},
]}
/>
<Scripts />
</body>
</html>
);
}
The issue only occurs when executing anything SSR:
✘ [ERROR] No matching export in "node_modules/.pnpm/[email protected]/node_modules/solid-js/web/dist/server.js" for import "use"
node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/@tanstack/devtools-utils/dist/solid/esm/dev.js:1:34:
1 │ ...eateComponent, insert, use, template } from 'sol...
╵ ~~~
Plugins affected
Funningly enough, this only happens with certain plugins. Some plugins work and some other's don't. Here's the list of what I've experienced:
- Tanstack Router ✔️
- Tanstack Query ✔️
- Tanstack Pacer ❌
- Tanstack Form ❌
Temporary fix
The issue disapears when I remove the cloudflare plugin. As I use this only for develpoment purposes, I can simply comment the code out, use the plugin and then put it back in when im done with development.
Thank you!
Your Minimal, Reproducible Example - (Sandbox Highly Recommended)
https://github.com/randreu28/devtools_issue_375
Screenshots or Videos (Optional)
No response
Do you intend to try to help solve this bug with your own PR?
No, because I do not know how
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
- 主要語言
- TypeScript
- 星號
- 501
- 分支
- 101
- 平均合併
- 1 天 8 小時
- 30 天內合併 PR
- 4
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
TanStack/devtools 的其他 Issue
-
`intent` bin conflicts with @tanstack/intent and imports removed subpath可能已有人在做 @AlemTuzlak 於 1 天前認領。 未關閉
難度 2/5 1-3 小時 新手友好度 78/100
-
devtools-ui 0.7.0 breaks SSR boot with solid-js <=1.9.12: `use` is not exported by solid-js/web server build可能已有人在做 @AlemTuzlak 於 1 天前認領。 未關閉
難度 2/5 1-3 小時 新手友好度 75/100
-
data-tsd-source inject-source plugin causes hydration mismatch in SSR (TanStack Start)可能已有人在做 @AlemTuzlak 於 1 天前認領。 未關閉
難度 2/5 1-3 小時 新手友好度 78/100
-
難度 3/5 1-2 天 新手友好度 76/100
-
難度 2/5 1-3 小時 新手友好度 52/100
查看 TanStack/devtools 的全部 Issue
相似的 Issue
-
[Bug] The shared instance selector's placeholder and no-match text ignore the display language可能已有人在做 關聯的 PR 仍在進行中或已合併。 未關閉
難度 2/5 1-3 小時 新手友好度 90/100
apache/rocketmq-dashboard#5561 ·
維護者通常 3 天內回覆
-
難度 2/5 1-3 小時 新手友好度 68/100
CopilotKit/OpenDots#69 ·
維護者通常 1 天內回覆
-
sendDefaultPii is reported as deprecated on ReactNativeOptions although dataCollection is hidden未關閉Bug React-Native Waiting for: Product Owner
難度 2/5 1-3 小時 新手友好度 85/100
getsentry/sentry-react-native#6830 · 1 則留言 ·
維護者通常 1 天內回覆
-
OSCI'26
難度 2/5 1-3 小時 新手友好度 68/100
GauravKarakoti/SecureFlow#1215 ·
維護者通常 1 天內回覆
-
[quality] bundle e2e never drives plain /close or the /milestone refusals through dist/index.js可能已有人在做 @hivecommons-hive 今天認領。 未關閉agent/quality hive/covered-by-pr hive/hosted-available-lke648397-260827-5q9t kind/cleanup quality testing
難度 2/5 1-3 小時 新手友好度 88/100
cncf/prow-github-actions#295 · 1 則留言 ·
維護者通常 1 天內回覆