javascript - 将 typescript 模块导入到 React 应用程序中的 JS 模块

Question

我有一个使用 create-react-app 创建的 React 应用程序。最近我为我需要的模块添加了一些源代码。它位于 Typescript 中，并将保留在 Typescript 中。不是我的选择。我已经安装了构建 Typescript 所需的内容，并且该部分似乎工作正常。

但是，当我尝试将该 TS 模块导入到我的常规 jsx 中时，它显示 找不到模块。

举例说明:

shared/
    - MyTSModule/
        - index.tsx
    - OtherModule/
        - index.jsx
view/
    - MyView/
        - index.jsx

我正在尝试将 MyTSModule 导入 MyView。错误是:找不到模块:错误:无法解析...中的“shared/MyTSModule”

我像所有其他模块一样从 shared 导入:

import MyTSModule from 'shared/MyTSModule ';

我错过了什么？

Answer 1

您无法从 JavaScript 导入 TypeScript 文件。您需要:

1. 将 typescript 编译为 javascript，然后导入编译后的文件
2. 将您的 JavaScript 文件转换为 Typescript。

我个人建议将所有文件移植到 typescript，这样您将获得更多的类型安全性。