无法在 react tsx 项目中使用 .js 文件

Question

所以我有一个打字稿项目 (.tsx)，这实际上是一个 SharePoint 框架项目 (SPFx)，但决定将其发布在这里，因为这通常涉及打字稿。

我的主文件是 .tsx，我有一个用 .JS（.js 文件扩展名）创建的组件。我想将此组件导入到我的项目中，但是我遇到了一个问题

<块引用>

模块解析失败：意外令牌 (30:4) 文件是用这些加载程序处理的： ./node_modules/source-map-loader/index.js 您可能需要一个额外的加载器来处理这些加载器的结果。

如何在不将 .js 转换为 tsx 的情况下，在我的 .tsx react 项目中导入或使用 .js 组件？

根据错误，我似乎需要额外的加载器，我该怎么办？谢谢！

这是我的 tsconfig

Answer 1

使用

更新您的 tsconfig.json 文件

...
  "compilerOptions": {
    "allowJs": true
...

因此，您基本上将 allowJs 属性添加到 tsconfig.json 文件中的 compilerOptions 对象。