Angular和Typescript:不能找到名字——错误:不能找到名字

我使用Angular(版本2)和TypeScript(版本1.6)，当我编译代码时，我得到这些错误:

Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/change_detection/parser/locals.d.ts(4,42): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(1,25): Error TS2304: Cannot find name 'MapConstructor'.
    node_modules/angular2/src/core/facade/collection.d.ts(2,25): Error TS2304: Cannot find name 'SetConstructor'.
    node_modules/angular2/src/core/facade/collection.d.ts(4,27): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(4,39): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(7,9): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(8,30): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(11,43): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(12,27): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(14,23): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(15,25): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/collection.d.ts(94,41): Error TS2304: Cannot find name 'Set'.
    node_modules/angular2/src/core/facade/collection.d.ts(95,22): Error TS2304: Cannot find name 'Set'.
    node_modules/angular2/src/core/facade/collection.d.ts(96,25): Error TS2304: Cannot find name 'Set'.
    node_modules/angular2/src/core/facade/lang.d.ts(1,22): Error TS2304: Cannot find name 'BrowserNodeGlobal'.
    node_modules/angular2/src/core/facade/lang.d.ts(33,59): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/facade/promise.d.ts(1,10): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(3,14): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(8,32): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(9,38): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(10,35): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(10,93): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(11,34): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(12,32): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(12,149): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/facade/promise.d.ts(13,43): Error TS2304: Cannot find name 'Promise'.
    node_modules/angular2/src/core/linker/element_injector.d.ts(72,32): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/element_injector.d.ts(74,17): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/element_injector.d.ts(78,184): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/element_injector.d.ts(83,182): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/element_injector.d.ts(107,37): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/proto_view_factory.d.ts(27,146): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/view.d.ts(52,144): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/view.d.ts(76,79): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/view.d.ts(77,73): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/view.d.ts(94,31): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/view.d.ts(97,18): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/view.d.ts(100,24): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/view.d.ts(103,142): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/linker/view.d.ts(104,160): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/render/api.d.ts(281,74): Error TS2304: Cannot find name 'Map'.
    node_modules/angular2/src/core/zone/ng_zone.d.ts(1,37): Error TS2304: Cannot find name 'Zone'.

这是代码:

import 'reflect-metadata';
import {bootstrap, Component, CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/core';
@Component({
  selector: 'my-app',
  template: '<input type="text" [(ng-model)]="title" /><h1>{{title}}</h1>',
  directives: [ CORE_DIRECTIVES ]
})
class AppComponent {
  title :string;

  constructor() {
    this.title = 'hello angular 2';
  }
}
bootstrap(AppComponent);

当前回答

Angular 2 RC1将node_modules/angular2目录重命名为node_modules/ Angular。

如果你使用gulpfile将文件复制到输出目录，你可能仍然有node_modules/angular在那里，它可能会被编译器拾取，并将自己弄得一团糟。

因此(小心地)清除node_modules中用于beta版本的内容，并删除任何旧的类型并重新运行类型install。

2016-05-30 10:38:27

其他回答

在2.0.0-beta.6的更新日志中提到了一个解决方案(2016-02-11)(有重大变动):

如果你使用——target=es5，你需要在你的应用程序的某个地方添加一行(例如，在你调用bootstrap的.ts文件的顶部):

///<reference path="node_modules/angular2/typings/browser.d.ts"/>

(请注意，如果您的文件与node_modules不在同一个目录中，则需要添加一个或多个../到路径的起点。)

确保你有正确的参考路径，我需要添加../开始让它工作。

2016-02-19 20:34:05

公认的答案并没有提供一个可行的解决方案，大多数其他的建议是“三斜杠”的解决方案，这已经不可行了，因为browser.d.ts已经被Angular2最新的RC删除了，因此不再可用。

我强烈建议安装typings模块，就像这里的一些解决方案所建议的那样，但这并不需要手动或全局执行——有一种有效的方法只针对你的项目，并且在VS2015接口中执行。以下是你需要做的:

在项目包中添加类型。json文件。在包中添加一个脚本块。json文件在每个NPM操作之后执行/更新类型。添加一个类型。Json文件在项目的根文件夹中包含一个core-js的引用(总体上比es6-shim atm更好)。

就是这样。

你也可以看看这个其他的SO线程和/或阅读我博客上的这篇文章以获得更多的细节。

2016-07-27 23:46:47

我在Angular 2 rc1上得到了这个。事实证明，v1和旧的0.x的类型改变了一些名称。browser.d.ts文件变成了index.d.ts。

在运行类型安装后，找到你的启动文件(你引导的地方)并添加:

/// <引用路径="../ types /index.d. "Ts " />(或者不带../如果你的启动文件和typings文件夹在同一个文件夹中)

将index.d.ts添加到tsconfig文件列表中。Json由于某种原因不能工作。

此外，也不需要es6-shim包。

2016-05-30 01:04:49

这就是为什么每个人都在尝试做一些不同的事情。我相信这些系统离最终版本还很远。

在我的例子中，我从rc更新。0到rc。5 .出现此错误。

我的修复是改变tsconfig.json。

{
    "compilerOptions": {
        "target": "es6", <-- It was es5
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false,
        "outDir": "../wwwroot/app"
    },
    "compileOnSave": true,
    "exclude": [
        "../node_modules",
        "../typings/main"
    ]
}

2016-08-29 12:43:45

ES6的特性，比如承诺，在针对ES5时没有定义。还有其他库，但core-js是Angular团队使用的javascript库。它包含了ES6的腻子。

自这个问题提出以来，Angular 2已经发生了很大的变化。在Typescript 2.0中，类型声明更容易使用。

npm install -g typescript

对于Angular 2中的ES6特性，你不需要类型。只需使用typescript 2.0或更高版本，并使用npm安装@types/core-js:

npm install --save-dev @types/core-js

然后，将TypeRoots和Types属性添加到tsconfig.json中:

{
  "compilerOptions": {
    "target": "es5",
    "module": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "typeRoots": [
      "../node_modules/@types"
    ],
    "types" : [
      "core-js"
    ]
  },
  "exclude": [
    "node_modules"
  ]
}

正如在其他回答中解释的那样，这比使用Typings简单得多。更多信息请参见微软的博客文章:Typescript:声明文件的未来

2016-06-11 01:03:43

Angular和Typescript:不能找到名字——错误:不能找到名字

推荐文章

最新文章

标签