根本原因是typescript编译器未启用装饰器支持且webstorm未正确加载tsconfig.json：必须在compileroptions中显式设置"experimentaldecorators": true和"emitdecoratormetadata": true，webstorm需手动选择本地node_modules/typescript/lib/tsc.js并配置tsconfig.json类型file watcher，同时启用service-driven type engine。
为什么装饰器在WebStorm里不生效、报错或跳转失败
根本原因不是语法写错了，而是 TypeScript 编译器没启用装饰器支持，或者 WebStorm 没用上你项目里配好的 tsconfig.json。哪怕代码能编译通过、终端跑得动，WebStorm 内部类型服务仍可能忽略 experimentalDecorators 和 emitDecoratorMetadata 这两个开关——它只认自己加载的配置，不自动继承终端行为。
必须开启的 tsconfig.json 两项 compilerOptions
装饰器（比如 @Component、@Injectable、自定义类装饰器）依赖编译器明确允许并生成元数据。缺一不可：
-
"experimentalDecorators": true—— 启用装饰器语法解析，否则@符号直接报错 -
"emitDecoratorMetadata": true—— 生成设计时类型元数据（reflect-metadata运行时依赖的基础），否则Reflect.getMetadata拿不到参数类型
这两项必须显式写进 tsconfig.json 的 compilerOptions 里，不能靠父配置继承或注释掉。常见错误是只开了第一个，结果运行时报 Cannot read property 'get' of undefined。
WebStorm 必须用本地 tsc + 正确 File Watcher 类型
WebStorm 默认不读全局 tsc，也不自动识别 tsconfig.json 里的装饰器配置。如果设置里选的是 Bundled 或空值，experimentalDecorators 就等于没开。
- 进
Settings/Preferences → Languages & Frameworks → TypeScript，TypeScript version下拉菜单必须手动选中Project preferences → node_modules/typescript/lib/tsc.js - 进
Settings → Tools → File Watchers，添加新 Watcher 时**必须选tsconfig.json类型**（不是TypeScript），否则tsconfig.json完全被忽略 -
Working directory设为项目根目录（即tsconfig.json所在路径），否则tsc启动时找不到配置文件
Vue / Angular 项目里装饰器跳转失效的隐藏条件
即使配置全对，Ctrl+点击 进不去 @Component 或 @Inject 定义，大概率是因为类型声明没对齐：
- Angular 项目：确保
node_modules/@angular/core存在，且tsconfig.json的"types"包含"@angular/core" - Vue 3 Composition API 项目：不用
@装饰器，但若用了vue-class-component，则需确认@types/vue-class-component已安装，且"types"列表包含"vue-class-component" - 所有项目：务必勾选
Enable service-driven type engine（在 TypeScript 设置页底部），否则 WebStorm 用内部引擎推导类型，根本看不到装饰器注入的类型信息
装饰器相关问题最常卡在「配置写了但没生效」——WebStorm 不会告诉你它悄悄忽略了 tsconfig.json，也不会提示 emitDecoratorMetadata 没起作用。验证方式只有两个：改完保存后看是否生成 .js 文件里的 __decorate 调用；以及在类型位置按住 Ctrl 看能否跳转到装饰器定义。其他都是障眼法。
