Typescriptは "paths"設定で定義されたモジュールを見つけることができません

Question

私のReactプロジェクトでは、webpack configにモジュールエイリアスが定義されています。私はTypescriptに移行したいと思っています。

//私はセットアップにそれが意味

これは、ルートフォルダに私のtsconfig.jsonである可能な限り簡素化することを試みた：

{ 
    "compilerOptions": { 
    "target": "es6", 
    "module": "es6", 
    "moduleResolution": "node", 
    "jsx": "react", 
    "noImplicitAny": true, 
    "strictNullChecks": true, 
    "sourceMap": true, 
    "lib": [ 
     "dom", 
     "es2015", 
     "es2016" 
    ], 
    "baseUrl": "./src", 
    "paths": { 
     "app": ["./app"] 
    } 
    }, 
    "include": [ 
    "src/**/*" 
    ] 
} 

これは私のプロジェクト構造である：

[rootDir] 
| 
|- [src] 
| | 
| |-[app] 
| | 
| |-[components] 
|  | ... react components live here 
|  |- Test.tsx 
|  |- SomeComponent.tsx 
|  |- index.js (export { default as Test } from './Test') 
| 
|- tsconfig.json 
|- webpack.config.js 

を

私はawesome-typescript-loaderをWebpack 2で使用しており、そこにプラグインを含めてパスをロードしています。 Visual Studio Codeも使用していますが、Typescriptが組み込まれていますが、同じエラーが表示されます。私は次のエラーを取得する

import * as React from 'react' 
import { Test } from 'app/components' 

：

Cannot find module 'app/components' 

Answer 1

解決策を見つけるのには、configのパスを編集することで、私はそうのような別のコンポーネントを含める私の活字体の構成要素SomeComponent.tsxで

ネストされたファイル

"baseUrl": ".", 
"paths": { 
    "app*": ["src/app*"] 
} 

は、今私はimport { Test } from 'app/components'活字体がsrc/app/components/index.jsになります追加するときに、それが動作します。また、別のモジュールとの競合を避けるために、別名に@を追加することもできます。これと同じように：

"@app*": ["src/app*"]