为什么使用 NextJS 导入时需要指定 tsx？

Question

我费了很大劲才找出原因

import Accordion from '../components/Accordion';

无法正常工作。当我通过反复试验将其更改为这个时，它起作用了。

import Accordion from '../components/Accordion.tsx';

为什么我需要在 NextJS 中包含 .tsx 以便导入？

Answer 1

因为 NextJS 假定它是一个文件夹名称。所以，如果你想 像 import Accordion from '../components/Accordion'; 一样导入你的组件， 然后你需要创建 Accordion 一个文件夹，并将你的打字稿代码添加到 Accordion 文件夹内名为 index.tsx 的文件中。这也有助于添加与手风琴组件相关的其他文件，如 styles.module.scss 或任何测试文件。