TypeScript 在 ES6 中导入 react 组件答案

【问题标题】：TypeScript imports react component in ES6TypeScript 在 ES6 中导入 react 组件
【发布时间】：2017-02-01 05:29:10
【问题描述】：

我在将 ES6 文件中编写的组件导入到 TS 组件时遇到问题。基本上我在做的是

import FormGroup from "/imports/ui/formGroup"

它会抛出错误error TS2307: Cannot find module '/imports/ui/formGroup'

这是我的 tsconfig.json

{
  "compilerOptions": {
    "skipDefaultLibCheck": true,
    "skipLibCheck": true,
    "jsx": "react",
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node"
  },
  "exclude": [
    "node_modules"
  ]
}

但是如果我把这个添加到compilerOptions

"baseUrl": ".",
"paths": {
  "*": [
    "*"
  ]
}

然后这样做（使用imports 而不是/imports）

import FormGroup from "imports/ui/formGroup"

完美编译。但问题是，由于我正在运行 Meteor，它无法识别 imports 路径，但 /imports 可以。

在不必为每个组件创建声明文件的情况下导入现有 ES6 组件的建议方法可能是什么，以便我可以逐步过渡到 TS？

【问题讨论】：

您是否尝试设置include 属性。前任。 "include": ["src/**/*"]

标签： reactjs meteor typescript

【解决方案1】：

如果您的组件是 js/jsx 文件，则必须将 allowJs: true 添加到您的 compilerOptions。希望我正确理解了您的问题。

【讨论】：