TypeScript導入ES6中反應組件

Question

我有一個將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" 

它是完美編譯的。但問題是因爲我運行流星，它不承認imports路徑，但/imports呢。

什麼可能建議的方式來導入我現有的ES6組件，而無需爲每個組件創建聲明文件，以便我可以逐步過渡到TS？

Answer 1

如果您的組件是js/jsx文件，則必須將allowJs: true添加到您的compilerOptions。希望我正確理解你的問題。