WebStorm 对 SolidJS 的支持需 TypeScript 配置、类型库注册与文件规范三者协同：tsconfig.json 必须含 "jsx": "preserve" 和 "jsxImportSource": "solid-js"；组件用 .tsx 后缀、首字母大写、默认导出；还需在 Settings 中手动添加 solid-js 类型库并重启语言服务。
WebStorm 对 SolidJS 的支持不是“开箱即用”，而是依赖 TypeScript 配置 + 类型库注册 + 文件规范三者协同生效。只要漏掉任意一环，createEffect、createMemo、组件 props 提示就全失效——不是插件没装，是 IDE 根本没识别出这是 Solid 项目。
tsconfig.json 必须显式启用 JSX 解析
WebStorm 不会自动推断 Solid 的 JSX 处理逻辑，它只认 tsconfig.json 里明确定义的规则。哪怕 Vite 能跑通、tsc 能编译，IDE 仍可能静默跳过类型检查。
-
"jsx": "preserve"：强制 TS 不编译 JSX，留给 Solid 运行时处理；缺了它，IDE 会把 JSX 当普通 JS 解析，props和children就没类型 -
"jsxImportSource": "solid-js"：告诉 IDE 所有 JSX 相关函数（如createEffect、createMemo）来自solid-js包；写成"react"或留空会导致 hook 提示消失 - 如果用 Vite，确认
vite.config.ts中已引入solidPlugin()，否则 WebStorm 可能无法将.tsx文件关联为 Solid 组件上下文
组件文件命名与导出方式直接影响提示范围
WebStorm 通过文件后缀 + 首字母 + 导出形式判断是否启用 Solid 语义分析。小写文件名或命名导出会直接切断类型推导链。
- 文件必须用
.tsx后缀（不能是.ts或.jsx） - 组件名首字母必须大写（如
Counter.tsx，不是counter.tsx） - 必须默认导出：
export default function Counter() { ... }；命名导出（export function Counter() { ... }）不会触发 props 提示 - 若用
index.tsx作为组件入口，确保它是默认导出，且内容不含export * from等间接导出
手动注册 solid-js 类型库是关键一步
即使 npm install solid-js @types/node 已完成，WebStorm 仍需在 Settings 中显式添加类型库——这是多数人卡住的地方。
- 打开
Settings | Languages & Frameworks | JavaScript | Libraries - 点击
Add → Download，搜索solid-js并安装（注意：不是 npm 包名，是类型库名） - 右下角状态栏找 Language Service 图标（⚙️ 或 ?），点击后选
Restart；若图标灰显，说明服务未加载，此时要回头检查tsconfig.json - solid-js 版本必须 ≥ 1.7，旧版类型定义不兼容当前语言服务器，
createStore等新 API 会无提示
最容易被忽略的是：WebStorm 的 Solid 支持不依赖插件，而是一套隐式协作机制——tsconfig.json 是开关，.tsx 文件是触发器，类型库注册是钥匙。三者缺一，提示就断在某个环节，但错误不会报出来，只会安静地不工作。
