將 typescript 模塊導入 React 應用程序中的 JS 模塊

Question

我有一個用 create-react-app 創建的 React 應用程序。 最近我為我需要的模塊添加了一些源代碼。 它在打字稿中，並將留在打字稿中。 不是我的選擇。 我已經安裝了構建 Typescript 所需的東西，這部分似乎工作正常。

但是，當我嘗試將該 TS 模塊導入到我的常規 jsx 時，它說module not found 。

為了顯示：

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

我正在嘗試將MyTSModule導入MyView 。 錯誤是： Module not found: Error: Can't resolve 'shared/MyTSModule' in...

我像所有其他模塊一樣從shared導入：

import MyTSModule from 'shared/MyTSModule ';

我錯過了什么？

Answer 1

您不能從 javascript 導入打字稿文件。 您要么需要：

1. 將打字稿編譯為 javascript，然后導入編譯后的文件
2. 將您的 javascript 文件轉換為打字稿。

我個人建議將所有文件移植到打字稿，這樣你將有更多的類型安全。