webstorm 默认不自动导入，需同时满足：es6+语言版本、es模块语法、开启三项auto import开关并重启ide。
WebStorm 默认不自动加 import，必须手动开三个开关 + 满足 ES6+ 模块规范，否则敲代码、悬停、粘贴都触发不了。
为什么 Alt+Enter 没反应或补全不带 import？
根本原因不是插件没装，而是 WebStorm 压根没把那个符号识别为“可导入项”。常见情况包括：
- 项目语言版本低于 ECMAScript 6+：进
Settings | Languages & Frameworks | JavaScript，Language version必须设为ECMAScript 6+ - 导出用了
module.exports或require()：WebStorm 只认export/export default，export function foo()行，module.exports = {}不行 - TS 项目里
tsconfig.json设了"module": "commonjs"却混用import：建议统一用"module": "ESNext" - 符号来自
node_modules但没类型定义（比如纯 JS 库）：WebStorm 推断不出导出项，Alt+Enter仍可用，但得手动选路径，不是“无感导入”
三个 Auto Import 开关必须全开才真正“自动”
只开一个等于白设。路径是：Settings | Editor | General | Auto Import：
-
Add ES6 imports on code completion：补全时（比如输useEffe→ 选useEffect）直接插入import语句 -
Show auto-imports tooltip：光标停在未解析的MyComponent上，立刻浮出导入提示，不用等报错再按Alt+Enter -
Optimize imports on the fly（旧版叫Insert import statement for unambiguous symbols）：粘贴代码或键入时，只要该名只在一个文件中导出，立刻自动加import
浏览器 ESM 场景下 import 路径必须带 .js 扩展名
Chrome/Firefox 加载 type="module" 脚本时，路径缺 .js 直接 404。WebStorm 默认不加，需手动开启：
- JavaScript 项目：进
Settings | Editor | Code Style | JavaScript | Imports，勾选Use file extension in imports - TypeScript 项目：同路径，切换到
TypeScript标签页，也勾选Use file extension in imports - 注意：该设置只影响新生成的
import；已有语句需手动优化——选中文件 →Ctrl+Alt+O（Optimize Imports）
Nuxt/Vue/React 组件自动导入失效？检查文件后缀和导出方式
WebStorm 对框架支持依赖静态分析，不是运行时扫描：
- React：文件必须是
.jsx或.tsx；export default React.memo(...)这类包裹式写法可能不被识别，优先用裸export default function MyButton() - Nuxt：组件文件名必须首字母大写（如
MyCard.vue），路径必须是~/components或在nuxt.config.ts中显式声明（如{ path: '~/modules/ui/components', prefix: 'Ui' }）；动态拼接路径（如resolve(__dirname, '..')）WebStorm 解析不了 - Vue：确保启用了 Vue Language Server（2024.1+ 默认开启），否则
<mycomp></mycomp>报红、跳不到定义
最容易被忽略的是：开关开了、语法对了，但没重启 WebStorm —— 所有 Auto Import 设置变更后，必须彻底关闭再重开 IDE 才生效。另外，Optimize imports on the fly 会实时删未使用 import，调试时可能误删，临时关它更稳妥。
