web-dev-qa-db-ja.com

モジュール 'angular2 / core'が見つかりません

enter image description here

これらの赤い波線は、cannot find module 'angular2/core'、cannot find module 'angular2/router'、cannot find module 'angular2/http'と言います。 SO で他の投稿をチェックしましたが、適切な答えがないようです。

以下に示すようにd.tsファイルへの参照も追加しましたが、まだ機能していません。 enter image description here

他の投稿では、tsconfig.jsonファイルで何かを構成する必要があるが、Visual Studioを使用していると言っています。VisualStudioはtsファイルを自動的にコンパイルできるため、angularチームによって提案された。

何か不足していますか？

Visual Studioを使用している場合でもtsconfig.jsonは必要ですか？

これらの波線を取り除くにはどうすればいいですか？

ありがとう！

（私はVisual Studio 2015と最新のTypeScriptエンジンを使用しています）

更新：npmパッケージマネージャーが正確に何であるかわかりません。しかし、プロジェクトの作成時に作成されたビルド済みのpackage.jsonファイルがあります。このファイルは、npmパッケージのインストールに使用します。 enter image description here

visual-studioangularvisual-studio-2015
61
raberana

VS 2015のASP.NET 5.0アプリケーションの場合、TypeScriptの構成は少し難しいです。

TypeScriptに関するツールが改善されるまで、TypeScriptを手動で構成できます。

Step 1: Right-click project, and Unload Project 
Step 2: Right-click the unloaded project, and Edit the .xproj file
Step 3: Add a PropertyGroup node, under the Project node:

  <PropertyGroup Condition="'$(Configuration)' == 'Debug'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptJSXEmit>None</TypeScriptJSXEmit>
    <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
    <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
    <TypeScriptModuleKind>CommonJS</TypeScriptModuleKind>
    <TypeScriptRemoveComments>False</TypeScriptRemoveComments>
    <TypeScriptOutFile />
    <TypeScriptOutDir />
    <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
    <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
    <TypeScriptSourceMap>True</TypeScriptSourceMap>
    <TypeScriptMapRoot />
    <TypeScriptSourceRoot />
    <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
  </PropertyGroup>

Step 4: Right-click the unloaded project and Reload Project
Step 5: Re-build project

モジュールが見つからないというエラーが引き続き発生する場合は、visual studioを終了してソリューションをリロードします。

53
pixelbits

私の作業設定は次のとおりです。

<PropertyGroup Condition="'$(Configuration)' == 'Release'">
  <TypeScriptTarget>ES5</TypeScriptTarget>
  <TypeScriptJSXEmit>None</TypeScriptJSXEmit>
  <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
  <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
  <TypeScriptModuleKind>System</TypeScriptModuleKind>
  <TypeScriptRemoveComments>False</TypeScriptRemoveComments>
  <TypeScriptOutFile />
  <TypeScriptModuleResolution>NodeJs</TypeScriptModuleResolution>
  <TypeScriptOutDir />
  <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
  <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
  <TypeScriptSourceMap>True</TypeScriptSourceMap>
  <TypeScriptMapRoot />
  <TypeScriptSourceRoot />
  <TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>
  <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>

これをWebプロジェクトに適用した後、Visual Studioを再起動します。

9
raberana

VS2015の場合、[ツール]-> [オプション]-> [テキストエディター]-> [TypeScript]-> [プロジェクト]-> [全般]に移動し、[プロジェクトの一部ではないTypeScriptファイルを自動的にコンパイルする]にチェックマークを付け、[モジュールにCommonJSコード生成を使用する]を選択します。

7
Ron

これは私がVS2015で問題を修正した方法です：

  • プロジェクトプロパティウィンドウを開く
  • TypeScript Buildタブに移動します
  • 下の画像に示すように、CommonJSをモジュールシステムとして選択します

enter image description here

5
Sharif

私もこのエラーに遭遇しました。私にとっては、プロジェクトをアンロードして.csprojファイルをチェックするという方法でした。このスニペットがそこに追加されていることがわかりました-

  <ItemGroup>
    <None Remove="ClientApp\components\componentname\componentname.ts" />
  </ItemGroup>

このコードを削除し、csprojを保存してから、プロジェクトをリロードすると機能しました。お役に立てれば！

1
NamrataP

こんにちはeclplseエディターを使用しているときに同じ問題が発生しました。 cmdウィンドウで次のコマンドを実行し、Eclipseを再起動しました。期待どおりに機能しています。

npm install --save @ angular/core @ angular/compiler @ angular/common @ angular/platform-b​​rowser @ angular/platform-b​​rowser-dynamic [email protected] [email protected]。 12 @ angular/forms

0
Sagar
  • npm installコマンドを実行してみてください（プロジェクトに不足しているlibをインストールします）
  • フォルダー/プロジェクトを再度開きます
0
Grey Wolf

ionic 2のインストールでこの問題が発生しました-すべてのパッケージをインストールし（package.json更新）、npmをv3に更新しました。これで解決しました。

0
Ashwin G

これをインストールする最も簡単な方法は、npm package managerを使用することです。これは、angular2がタイピングに同梱されているためです。エディターはすべてのインポート場所を認識します...

0
Vlado Tesanovic

ASP.NET Core Angular 2 Starter Application Mads Kristensenのテンプレートを使用した開発。 TypeScriptファイルを使用して新しいディレクトリを起動すると、同様の問題が発生しました。

私の解決策は、プロジェクトファイルを変更するよりも簡単でした。すべてのTypeScriptファイルがあるClientAppフォルダーから新しいフォルダーにtsconfig.jsonをコピーしました。

0
villecoder
  1. Visual Studio 2015では、[ツール]メニューに移動し、[オプション...]をクリックします。開いたウィンドウの左側にツリー構造が表示されます。
  2. 「プロジェクトとソリューション」を展開し、「外部Webツール」を選択します。 「$（PATH）」エントリを「$（DevEnvDir）」エントリの上に移動します。
  3. OKをクリックします。 Visual Studioを再起動します。
  4. ソリューションエクスプローラーで「package.json」ファイルを右クリックし、「パッケージの復元」をクリックします。
0
Nithin Thampi
This has to be done for both 'Debug' and 'Release' then only it works in VS 2013. Like below..

<PropertyGroup Condition="'$(Configuration)' == 'Release'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptJSXEmit>None</TypeScriptJSXEmit>
    <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
    <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
    <TypeScriptModuleKind>system</TypeScriptModuleKind>
    <TypeScriptRemoveComments>False</TypeScriptRemoveComments>
    <TypeScriptOutFile />
    <TypeScriptModuleResolution>NodeJs</TypeScriptModuleResolution>
    <TypeScriptOutDir />
    <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
    <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
    <TypeScriptSourceMap>True</TypeScriptSourceMap>
    <TypeScriptMapRoot />
    <TypeScriptSourceRoot />
    <TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>
    <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>

<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptJSXEmit>
    </TypeScriptJSXEmit>
    <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
    <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
    <TypeScriptModuleKind>system</TypeScriptModuleKind>
    <TypeScriptRemoveComments>False</TypeScriptRemoveComments>
    <TypeScriptOutFile />
    <TypeScriptModuleResolution>NodeJs</TypeScriptModuleResolution>
    <TypeScriptOutDir />
    <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
    <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
    <TypeScriptSourceMap>True</TypeScriptSourceMap>
    <TypeScriptMapRoot />
    <TypeScriptSourceRoot />
    <TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>
    <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>
0
Gopi

「package.json」を右クリックします

そして、パッケージのインストール後にビルドし、「パッケージの復元」を選択します...問題は解決しました

0
Vipul Upadhyay

これは興味深い問題であり、上記の理由と解決策は別として、次のシナリオでこのエラーが発生する可能性があります。

  1. NPM（ノードパッケージマネージャー）がマシンにインストールされていません

    修正：NPMを https://nodejs.org/en/ からインストールします

    Probably NPM not installed or not configured

  2. NPMのインストール後もこのエラーが引き続き発生する場合は、NPMの構成に問題がある可能性があります。これを参照してください 記事 NPM構成を適切にセットアップするには

0
Venkatesh Muniyandi