在 tsx 中导入 jsx

Importing jsx in tsx

我继承了一些 JSX 遗留项目。我正在将 JSX 转换为 TSX。

目前正在 TSX 中导入 JSX 和 JS 文件。我收到一个错误 Cannot find module 'config/abc_module' or its corresponding type declarations.

我知道缺少类型,因为它是一个 JS 文件。我已经添加了 JSDoc 类型,但似乎没有任何帮助。在 JSX 文件中添加类型以在 TSX 中使用它们的最佳方法是什么。

我有很多JS文件,有些因为特殊原因连转换都不能。我进行了很多搜索并阅读了很多文章,但似乎找不到任何具体的前进方向。任何帮助,将不胜感激。提前致谢。

您可能只需更改 .js.jsx -> .tsx 的扩展名。 TypeScript 应该是 JavaScript.

的超集

另见此

  1. 在所有代码文件所在的根目录中创建一个 global.d.ts 文件
  2. 在文件中写入行:

declare module 'path/to/your/js/or/jsx'

现在这些 js/jsx 文件将解析为模块以导入您的打字稿代码!享受!

编辑:还要确保您的 tsconfig.json 配置为允许您混合 ts/js