在CRA 2.1 Typescript中导入时，ESLint需要'.ts'

Question

我刚刚在最新的Create-react-app版本中采用了TypeScript，并且似乎eslint要求我在导入ts文件时包括.ts：

import spacing from "../css/spacing"; // eslint complains can't resolved path

import spacing from "../css/spacing.ts"; // fine

有什么方法可以使导入中的.ts可选？

Answer 1

如果使用 [{"price":5, "functionality":5, "design":5} ,{"price":6, "functionality":3, "design":8} ,{"price":1, "functionality":2, "design":3}] ，它将在编译时，ESLint扫描时以及运行时工作。

ESLint选择此功能的原因是某些浏览器的模块加载程序需要文件扩展名。

.js

如果您使用的是RequireJS或类似的代码，它是可选的-但考虑到它可以与跨模块加载程序的扩展一起使用，使用import spacing from "../css/spacing.js"; 可能是一个安全的选择。