TypeScript导入ES6中的反应组件

时间:2017-02-01 05:29:11

标签: reactjs meteor typescript

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

1[TrackMiPD.Models.Host_Apps]', but this
  dictionary requires a model item of type
  'System.Collections.Generic.List

它会抛出错误import FormGroup from "/imports/ui/formGroup"

这是我的tsconfig.json

error TS2307: Cannot find module '/imports/ui/formGroup'

但是如果我将其添加到{ "compilerOptions": { "skipDefaultLibCheck": true, "skipLibCheck": true, "jsx": "react", "target": "es5", "module": "commonjs", "moduleResolution": "node" }, "exclude": [ "node_modules" ] }

compilerOptions

并执行此操作(使用"baseUrl": ".", "paths": { "*": [ "*" ] } 代替imports

/imports

完美编译。但问题是,因为我正在运行Meteor,它不会识别import FormGroup from "imports/ui/formGroup" 路径,但imports会这样做。

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

1 个答案:

答案 0 :(得分:0)

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