WebStorm 识别不了 .svelte 文件需先绑定文件类型：在 Settings > Editor > File Types 中，从 Text files 删除 *.svelte，再为 Svelte Component 添加该模式；若无此类型则启用 Svelte 插件并重启。
WebStorm 识别不了 .svelte 文件？先检查语言注入和文件类型绑定
WebStorm 默认不把 .svelte 当作前端组件文件处理，所以打开就是纯文本，没有语法高亮、跳转或补全。这不是插件没装，而是文件类型没绑定。
操作路径：Settings > Editor > File Types，找到 Text files 类型，在下方 Registered Patterns 里删掉 *.svelte（如果存在）；再找到 Svelte Component 类型（需已启用 Svelte 插件），加上 *.svelte。
- 如果没看到
Svelte Component类型，说明插件未启用：去Settings > Plugins搜Svelte，确保官方插件已勾选并重启 - 改完后，已打开的
.svelte文件需要手动右下角点击语言切换，选Svelte才生效 - 旧项目中已有文件可能仍被缓存为 Text，可执行
File > Reload project from Disk
写 <script> 时提示“Cannot resolve symbol”，是因为没配 TypeScript 支持
Svelte + TS 是主流组合，但 WebStorm 不会自动推导 <script lang="ts"> 里的类型——它默认按 JS 解析，除非你明确告诉它这个项目用 TS。
关键动作不是装插件，而是让 WebStorm 把整个项目识别为 TypeScript 项目：
- 确保项目根目录有
tsconfig.json（哪怕是最简配置，如{"compilerOptions": {}}}） - 在
Settings > Languages & Frameworks > TypeScript中，TypeScript version选Project preferences，并指向本地node_modules/typescript -
<script lang="ts">内部若仍有报错，检查是否漏了export let的类型标注，比如export let count: number;，否则 TS 推导会失败
$: 声明式语句标红或跳转失效？这是 WebStorm 对 Svelte 特殊语法的支持边界
$: 是 Svelte 编译期语法，不是 JS 运行时关键字，WebStorm 的 JS/TS 引擎天然不识别它。标红不等于错误，只是 IDE 暂未完全覆盖该语法点。
能缓解但不能根治：
- 升级到 WebStorm 2023.3 或更高版本（对
$:的解析支持明显增强） - 避免在
$:后直接写复杂表达式，比如$: console.log(a + b)，拆成函数调用更稳定：$: logValue(a, b) - 若跳转
$:声明的响应式变量失败，试试在变量名上按住Ctrl（macOS 是Cmd）+ 鼠标悬停，有时能触发临时解析
热更新（HMR）不生效或控制台报 Failed to fetch dynamically imported module
这不是 WebStorm 的锅，但它的内置终端和运行配置容易加剧问题。SvelteKit 开发服务器（npm run dev）本身依赖 Node 的 ESM 支持，而 WebStorm 默认终端可能没继承正确的环境。
- 别用 WebStorm 内置 Terminal 直接跑
npm run dev，改用外部终端（如 VS Code 终端或系统 Terminal）启动服务 - 如果非要用 WebStorm 启动，创建
Run Configuration：类型选npm，脚本填run，命令填dev，并在Environment variables加上NODE_OPTIONS=--experimental-loader=@esbuild-kit/esm-loader（适配较新 SvelteKit） - 遇到 HMR 卡住，先关掉所有 WebStorm 自动保存（
Settings > Appearance & Behavior > System Settings > Save files on frame deactivation关掉），避免频繁写入触发编译异常
$: 解析或 bind: 补全就可能断掉。别迷信设置一次一劳永逸，每次升级 WebStorm 后，记得重新验证 .svelte 文件的高亮、跳转和 TS 类型提示是否还正常。 
