找不到模塊@ angular / core + angular2

Question

我試圖在Visual Studio 2015中使用Typescript創建Angular 2應用程序。我已經在計算機上安裝了npm。 編譯應用程序時，出現錯誤，找不到模塊'@ angular / core'。 在import語句的node_modules文件夾下的所有ts文件中都引用了該文件。 例如

import { ElementRef, AfterViewInit, OnDestroy, DoCheck, EventEmitter, IterableDiffers } from '@angular/core';

我目前大約有500個錯誤。 當我將其替換為“ angular2 / core”時，該錯誤消失。 還要讓您知道，我也在項目中使用PrimeNG UI組件。

有人可以幫忙嗎？ 我不明白為什么它在看@ angular / core？

Answer 1

1. 安裝nodejs
2. 打開cmd提示符，然后輸入“ cd your project directory ”
3. 輸入“ npm install”，然后按Enter。

這將在該目錄中創建一個node_modules文件夾，該文件夾應具有所需的@ angular / core。

Answer 2

模塊名稱中的angular2名稱用於RC（候選發布）版本（beta版本）之前的版本， @angular用於RC版本。

Answer 3

首先，您需要按如下所示在全局級別添加類型。

npm install -g typings

然后使用以下命令創建types.json。

typings init

將以下代碼粘貼到types.json中

{
  "name": "ng2-application",
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160725163759",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#6.0.0+20160909174046"
  }
}

現在您需要在tsconfig.json中添加以下代碼

 "compilerOptions": {
        "moduleResolution": "node"
       }

完成上述步驟后，您將能夠獲取F12的定義。

Answer 4

當我遇到這個問題時，它會來來往往取決於我選擇的模塊類型。 （Visual Studio，右鍵單擊項目，屬性，“打字稿”選項卡。對於“系統”模塊系統，它會發生在Angular2快速入門教程中使用，但對於其他一些系統則不會。）

我驗證了項目中存在/ node_modules / @ angular / core /文件夾並填充了該文件夾。

解決方案是編輯.csproj文件，並在“調試”和“發行”部分中添加<TypeScriptModuleResolution>Node</TypeScriptModuleResolution> 。 對於ModuleKind的某些設置，VS默認將此設置為Classic。