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

Question

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

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

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

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

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

这是我的 tsconfig

Answer 1

用

更新你的 tsconfig.json 文件

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

所以你基本上添加一个 allowJs 属性到你的 tsconfig.json 文件中的 compilerOptions 对象。