VS Code 1.80及以下版本JS/TS `export { xx as default }`自动导入失效疑问
问题解答
这属于预期行为,并非Bug,核心原因在于TypeScript语言服务(VS Code的自动导入功能依赖该服务)对两种默认导出语法的解析索引逻辑存在差异:
两种导出的解析差异
- 对于
foo.ts里的export default foo;:这是直接将标识符foo标记为模块默认导出,TypeScript会明确把foo这个标识符和该模块的默认导入关联起来,因此输入foo时能触发自动导入提示。 - 对于
bar.ts里的export { bar as default };:这属于重命名导出为默认,TypeScript语言服务在索引模块时,只会将模块本身作为默认导入的候选,但不会自动把bar这个原始标识符关联到默认导出上——也就是说,它不会把bar识别为触发该模块默认导入的关键词。
实现预期效果的方案
如果希望输入bar时也能触发自动导入,可以采用以下两种方式:
- 改为直接默认导出的写法,和
foo.ts保持一致:
// bar.ts const bar = 'bar'; export default bar;
- 同时保留具名导出和默认导出,让
bar作为具名标识符被索引:
// bar.ts const bar = 'bar'; export { bar }; export { bar as default };
这样输入bar时,既可以选择具名导入,也能通过关联的具名标识符触发默认导入的提示。
内容的提问来源于stack exchange,提问作者devjiwonchoi
相关产品推荐
相关产品推荐

