该main
字段仅支持带有.js
扩展名的解析模块,并且该types
字段(与TypeScript类似main
)支持.d.ts
字段。该打字稿模块分辨率文档只描述了这些扩展用途。
其背后的原因是,这些是供发布的软件包使用的字段。.ts
(或.tsx
您的情况)文件是旨在转换为可用于生产环境的JavaScript的开发文件(以及辅助元数据文件)。如果已发布的包,甚至包括.ts
文件(而不是他们造成.d.ts
,.js
和.js.map
输出),试图要求这些文件将是非常不可取的。
在执行之前,您的TypeScript始终会转换为JS。编译器对TypeScript文件的简化包含的支持假定运行时之前还对这些包含进行了转译。
只要将您tsconfig.json
配置为输出声明(和源映射)文件:
"compilerOptions": {
"declaration": true,
"sourceMap": true,
...
"main": "myComponent.js",
"types: "myComponent.d.ts",
创建这些文件后,它们将正确解析。请注意,这意味着如果您使用任何编码帮助,通常意味着您必须重新编译才能获取更新的提示。
如果您需要自动代码协助,则index.tsx
可能是更好的方法。如果您确实想避免连续编辑多个index.tsx
文件,则可以让它们重新导出模块:
export * from '/MyComponent';