私は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
ファイルを追加する必要がありますか?このファイルには何が含まれていなければなりませんか?