2017-06-19 8 views
1

私はVisual Studio Professional 2015を使用しており、Angular 4、TypeScript、Webpackアプリケーションを持っています。Visual Studio TypeScript - モジュールが見つかりません

ディレクトリとファイルからimportにアクセスできるようにするため、たとえば、coreという名前のフォルダがあり、このフォルダ内にさまざまなコンポーネントがあり、フォルダのルートにもインデックスがあります.tsファイルは、フォルダ内の各ファイルからすべてをエクスポートします。したがって、たとえば、コアフォルダにcore.services.utils.tsと呼ばれるコンポーネントがあります:

export class Utils { 
    static isFunction(test: any): boolean { 
     return typeof test === 'function'; 
    } 
} 

はその後、我々が持っているindex.tsファイルに:私たちのWebPACK構成で

export { Utils } from './core.services.utils'; 

我々は、このための別名を持っていますresolve設定:

alias: { 
    '@product/core': path.join(__dirname, './Features/core') 
} 

だから今、他のモジュールでは、我々は、別名から直接などをインポートすることができます

import { Utils } from '@product/core'; 

Webpack経由でビルドすると、すべてが良好で、アプリケーションは期待通りに動作します。残念ながら、Visual StudioはWebPACKの構成で別名を見ることができないので、我々は、Visual Studioを経由してビルドするとき、それは次のようにエラーを与える:

ビルド:モジュール「@製品/コア」

どのように見つけることができません私はこのエイリアスについてVisual Studioに伝えますか? index.tsファイルの横にindex.d.tsファイルを追加する必要がありますか?このファイルには何が含まれていなければなりませんか?

答えて

1

私は例えば、tsconfig.jsonファイルにpaths設定を使用してこの問題を解決することができました:

"paths": { 
    "@product/core": [ "Shared/Features/core/index" ] 
} 

それは私がからインポートしたいが、私はフォルダごとに別々のパスを持ってする必要が理想的ではありませんそれはビルドエラーを削除してうれしいです。

関連する問題