在 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.
的超集
另见此
- 在所有代码文件所在的根目录中创建一个 global.d.ts 文件
- 在文件中写入行:
declare module 'path/to/your/js/or/jsx'
现在这些 js/jsx 文件将解析为模块以导入您的打字稿代码!享受!
编辑:还要确保您的 tsconfig.json 配置为允许您混合 ts/js
我继承了一些 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.
另见此
- 在所有代码文件所在的根目录中创建一个 global.d.ts 文件
- 在文件中写入行:
declare module 'path/to/your/js/or/jsx'
现在这些 js/jsx 文件将解析为模块以导入您的打字稿代码!享受!
编辑:还要确保您的 tsconfig.json 配置为允许您混合 ts/js