TypeScriptはES6でコンポーネントをインポートします

Question

ES6ファイルで記述されたコンポーネントをTSコンポーネントにインポートする際に問題があります。基本的に私がやっていることは

import FormGroup from "/imports/ui/formGroup" 

であり、それはこれが私のtsconfig.json

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

でエラーerror TS2307: Cannot find module '/imports/ui/formGroup'

をスローしかし、私はcompilerOptions

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

にこれを追加した場合と、これを行う（の代わりにimportsを使用する10）

import FormGroup from "imports/ui/formGroup" 

完全にコンパイルされています。しかし、私は流星を実行しているので、それはimportsのパスを認識しませんが、/importsは認識しません。

TSに段階的に移行できるように、各コンポーネントの宣言ファイルを作成せずに、既存のES6コンポーネントをインポートするための推奨方法はありますか？

Answer 1

コンポーネントがjs/jsxファイルの場合は、compilerOptionsにallowJs: trueを追加する必要があります。私はあなたの質問を正しく理解することを願っています。