如何解决 The inferred type of "X" cannot be namedwithout a reference to "Y"？

Question

我正在使用 vite-dts-plugin 打包一个库的类型文件。其中，vue 组件有引用 element-plus 库中的类型。当我打包时，会报如此错误：

src/components/my-cmpt/index.ts:5:1 - error TS2742: The inferred type of 'default' cannot be named without a reference to '.pnpm/element-plus@2.2.28_vue@3.2.47/node_modules/element-plus'. This is likely not portable. A type annotation is necessary.

当在 tsconfig.ts 配置 preserveSymlinks: true 可以解决这个问题，但是我没能理解问题的成因。能否介绍一下问题的成因和各解决方案？

相关问题：

• https://github.com/microsoft/TypeScript/issues/42873

Answer 1

参考https://github.com/microsoft/TypeScript/issues/47663#issuecomment-1519138189

使用地方引入type

import type {} from 'X'

或者在Y的index处导出type
import type { xxType } from 'Y';

export { xxType };