使用文件夹名解析Typescript文件
使用文件夹名解析Typescript文件
提问于 2018-06-05 05:35:41
我正在将代码从ES6移植到.TS / .TSX
给定如下的文件夹结构：
Table/Tables.tsx
从ES6中的另一个react组件导入，我过去只能做到这一点：
import Table from '../Table'
即，它将足够智能地通过文件夹名称来解析导入。现在我已经切换到Typescript，我必须更详细地导入(从另一个.tsx文件)；
import Table from '../Table/Table'
我在这里找过了https://www.typescriptlang.org/docs/handbook/module-resolution.html
我正在使用React Starter Kit的Webpack。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-06-27 22:06:40
我实际上找到了同样的问题，问了一个不同的问题，here
对package.json的修改对我不起作用，所以我只是更改了惯例，将每个子文件夹中的组件命名为Index.tsx。
Stack Overflow用户
发布于 2018-06-05 06:17:44
在要导入的每个文件夹中，都有一个包含该文件夹所有导出内容的index.ts文件。然后，您只需指定文件夹路径即可导入单个组件
import {table} from ../table/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50689116
复制相关文章
相似问题