找不到模块@angular/core + angular2答案

【问题标题】：Cannot find module @angular/core + angular2找不到模块@angular/core + angular2
【发布时间】：2016-05-13 14:45:30
【问题描述】：

我正在尝试在 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？

【问题讨论】：

我建议使用 cli.angular.io 。另见youtube.com/watch?v=wHZe6gGI5RY
谢谢。我可以将 cli.angular.io 生成的代码结构包含到我的 Visual Studio 解决方案中吗
抱歉，帮不了你。

标签： angular

【解决方案1】：

安装nodejs
打开 cmd 提示符并输入 'cd your project directory'
输入“npm install”并回车。

这将在该目录中创建一个 node_modules 文件夹，该文件夹应具有所需的 @angular/core。

【讨论】：

感谢您的回答。真的节省了我的时间！

【解决方案2】：

模块名称中的 angular2 名称用于 RC（候选发布）版本（测试版）之前的版本，@angular 用于 RC 版本。

【讨论】：

我使用的是 angular2 2.0.0-beta.17 版本。那么问题出在哪里
所以你需要使用：import { ... } from 'angular2/core';
我现在有点困惑。当我执行 npm install angular2 时，它会安装 ngular2 2.0.0-beta.17 版本。如何安装发布候选版本。因为我需要使用最新的。
事实上，有几个包需要为 rc 版本安装：@angular/core, ...
查看此链接了解更多详情：angular.io/docs/ts/latest/quickstart.html

【解决方案3】：

您首先需要在全局级别添加类型，如下所示。

npm install -g typings

然后使用以下命令创建 typings.json。

typings init

将下面的代码粘贴到typings.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 上获得定义。

【讨论】：

【解决方案4】：

当我遇到这个问题时，它会根据我选择的模块类型来来去去。（Visual Studio，右键单击项目，属性，Typescript 选项卡。它会出现在 Angular2 QuickStart 教程中使用的“系统”模块系统中，但不会出现在其他一些，例如。）

我验证了文件夹 /node_modules/@angular/core/ 存在于项目中并已填充。

解决方案是编辑 .csproj 文件并在“调试”和“发布”部分添加行 <TypeScriptModuleResolution>Node</TypeScriptModuleResolution>。对于 ModuleKind 的某些设置，VS 默认为此设置为 Classic。

【讨论】：