Кутовий і Сценарій: Неможливо знайти імена

Я використовую 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);

Відомий випуск: https://github.com/angular/angular/isissue/4902

Основна причина: .d.tsфайл, який явно включається в TypeScript, залежить від цілі компіляції, тому потрібно мати більше зовнішніх оголошень при націлюванні, es5навіть якщо речі дійсно є в умовах виконання (наприклад, хром). Детальніше проlib.d.ts

Існує обхід, що згадується в журналі змін для 2.0.0-beta.6 (2016-02-11) (перераховано під порушеннями змін):

Якщо ви використовуєте --target = es5, вам потрібно буде додати рядок десь у вашій програмі (наприклад, у верхній частині файлу .ts, куди ви викликаєте bootstrap):

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

(Зверніть увагу, що якщо ваш файл не в тому ж каталозі, що і node_modules, вам потрібно буде додати один або більше ../ до початку цього шляху.)

переконайтеся, що у вас правильний опорний шлях, мені потрібно було додати ../ до початку, щоб це працювало.

Особливості ES6, такі як обіцянки, не визначаються при націленні на ES5. Є й інші бібліотеки, але core-js - це бібліотека javascript, яку використовує команда Angular. Він містить поліфіли для ES6.

Кутовий 2 сильно змінився з того часу, як було задано це питання. Декларації типу набагато простіше використовувати в Typescript 2.0.

npm install -g typescript

Для функцій ES6 у куті 2 типи не потрібні. Просто використовуйте typecript 2.0 або новішої версії та встановіть @ types / core-js з npm:

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"
  ]
}

Це набагато простіше, ніж використання типінгу, як пояснено в інших відповідях. Докладнішу інформацію див. У блозі Майкрософт: Типовий сценарій: Майбутні файли декларації

Для тих, хто слідує за підручником Angular2 на angular.io щоб бути явним, ось розширення відповіді mvdluit про те, куди точно поставити код:

Ви main.tsповинні виглядати так:

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

import {bootstrap} from 'angular2/platform/browser'
import {AppComponent} from './app.component'
// Add all operators to Observable
import 'rxjs/Rx'

bootstrap(AppComponent);

Зауважте, що ви залишаєте ///нахилену косу рису, не знімайте їх.

посилання: https://github.com/ericmdantas/angular2-typescript-todo/blob/master/index.ts#L1

Я зміг виправити це за допомогою наступної команди

typings install es6-promise es6-collections --ambient

Зауважте, що вам потрібно typingsзробити так, щоб вищевказана команда працювала, якщо її у вас немає, виконайте наступну команду, щоб встановити її

npm install -g typings

ОНОВЛЕННЯ

типізація оновлення не читає --ambientце стало --globalтакож для деяких людей, вам потрібно встановити визначення вищезгаданих бібліотек, просто використовуйте наступну команду

typings install dt~es6-promise dt~es6-collections --global --save

Дякуємо @bgerth, що вказав на це.

При наявності Typescript> = 2 параметр "lib" в tsconfig.json зробить цю роботу. Немає потреби в типізації. https://www.typescriptlang.org/docs/handbook/compiler-options.html

{
    "compilerOptions": {
        "target": "es5",
        "lib": ["es2016", "dom"] //or es6 instead of es2016(es7)
    }
}

Для Angular 2.0.0-rc.0додавання node_modules/angular2/typings/browser.d.tsне вийде. Спочатку додайте файл typings.json до свого рішення з таким вмістом:

{
    "ambientDependencies": {
        "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd"
    }
}

А потім оновіть package.jsonфайл, щоб включити таке postinstall:

"scripts": {
    "postinstall": "typings install"
},

Тепер біжи npm install

Також тепер слід ігнорувати typingsпапку у вашому tsconfig.jsonфайлі:

 "exclude": [
        "node_modules",
        "typings/main",
        "typings/main.d.ts"
    ]

Оновлення

Тепер AngularJS 2.0 використовує core-jsзамість es6-shim. Дотримуйтесь файлу швидкого запуску typings.json для отримання додаткової інформації.

ви можете додати код на початку .ts файлів.

/// <reference path="../typings/index.d.ts" />

Я отримував це на Angular 2 rc1. Виявляється, деякі назви змінені за допомогою типізації v1 проти старої 0.x. Ці browser.d.tsфайли стали index.d.ts.

Після запуску typings installзнайдіть файл запуску (де ви завантажуєте) та додайте:

/// <reference path="../typings/index.d.ts" />(або без, ../якщо ваш файл запуску знаходиться в тій самій папці, що і папка набору)

Додавання index.d.tsдо списку файлів у tsconfig.jsonчомусь не вийшло.

Також es6-shimпакет не знадобився.

Мені вдалося виправити це, встановивши typingsмодуль.

npm install -g typings
typings install

(Використовуючи ng 2.0.0-rc.1)

У мене була така ж проблема, і я вирішив її за допомогою libпараметра в tsconfig.json. Як сказав basarat у своїй відповіді , .d.tsфайл неявно включається TypeScript залежно від параметра компіляції, targetале ця поведінка може бути змінена за допомогою libпараметра.

Ви можете вказати додаткові файли визначення, які потрібно включити, не змінюючи цільову версію JS. Наприклад, це частина мого поточного compilerOptionsдля Typescript@2.1, і він додає підтримку es2015функцій, не встановлюючи нічого іншого:

"compilerOptions": {
    "experimentalDecorators": true,
    "lib": ["es5", "dom", "es6", "dom.iterable", "scripthost"],
    "module": "commonjs",
    "moduleResolution": "node",
    "noLib": false,
    "target": "es5",
    "types": ["node"]
}

Для повного переліку доступних варіантів перегляньте офіційний документ .

Зауважте також, що я додав "types": ["node"]і встановив npm install @types/nodeдля підтримки require('some-module')свого коду.

 typings install dt~es6-shim --save --global

і додати правильний шлях до index.d.ts

///<reference path="../typings/index.d.ts"/>

Пробували на @ angular-2.0.0-rc3

Якщо npm install -g typings typings installвсе-таки це не допомагає, видаліть папки node_modules та typeings перед виконанням цієї команди.

Це те, що подумайте, як усі намагаються зробити щось інше. Я вважаю, що ці системи ще далекі від остаточної версії.

У моєму випадку я оновив з 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"
    ]
}

додайте typing.d.ts в головну папку програми і там декларуйте змінну, яку ви хочете використовувати кожен раз

declare var System: any;
declare var require: any;

після заяви про це в typing.d.ts помилка вимагати не буде в програмі.

Я новачок у Angular, але для мене рішення було знайдено простим імпортом Input. Не можете взяти кредит за цей, знайшли його на іншій дошці. Це просте виправлення, якщо у вас виникають ті ж проблеми, але якщо ваші проблеми складніші, я прочитав би матеріали вище.

Mukesh :

вам потрібно імпортувати подібні дані вгорі дочірнього компонента

import { Directive, Component, OnInit, Input } from '@angular/core';

Я знайшов цього дуже корисним док на веб-сайті Angular 2. Нарешті, я дозволив мені нормально працювати, тоді як інші відповіді тут, щоб встановити типізацію, зірвали мене з різними помилками. (Але допоміг вести мене в правильному напрямку.)

Замість того, щоб включати es6-promis і колекції es6, він включає core-js, який зробив для мене трюк ... немає конфліктів з основними визначеннями Angular2. Крім того, у документі було роз'яснено, як налаштувати все це автоматично при встановленні NPM та як змінити файл typings.json.

Кутовий 2 RC1 перейменовано на node_modules/angular2каталогnode_modules/angular .

Якщо ви використовуєте gulpfile для копіювання файлів у вихідний каталог, який ви, мабуть, ще є node_modules/angular сидите там, який, можливо, підхопив компілятор і заплутав пекло з себе.

Тому (обережно) витріть все, що у вас є node_modules, для бета-версій, а також видаліть усі старі типізації та повторіть запуск typings install.

Гарний дзвінок, @VahidN, я знайшов, що мені потрібно

    "exclude": [
        "node_modules",
        "typings/main",
        "typings/main.d.ts"
    ]

У моєму tsconfigтеж, щоб зупинити помилки від es6-shimсебе

Імпортуйте наведене нижче твердження у файл JS

import 'rxjs/add/operator/map';

Прийнята відповідь не забезпечує життєздатності, і більшість інших припускають "потрійний кут", який вже не є життєздатним, оскільки його browser.d.tsбуло видалено останніми RC-колами Angular2, і тому більше немає.

Я настійно пропоную встановити typingsмодуль, як пропонують пару рішень тут, але це не обов’язково робити це вручну або глобально - є ефективний спосіб зробити це лише для вашого проекту та в інтерфейсі VS2015. Ось що потрібно зробити:

• додати typings у файл package.json проекту.
• додати scriptблок у package.jsonфайл для виконання / оновлення typingsпісля кожної дії NPM.
• додайте typings.jsonфайл у кореневу папку проекту, що містить посилання на core-js(загалом краще, ніж es6-shimatm).

Це воно.

Ви також можете поглянути на цю іншу тему SO та / або прочитати цю публікацію в моєму блозі для отримання додаткової інформації.

Я отримував цю помилку після об'єднання моєї гілки розробників до моєї поточної гілки. Я витратив десь на вирішення проблеми. Як ви бачите на зображенні нижче, у кодах проблем взагалі немає.

Тож єдине виправлення, яке працювало для мене, - це перезапуск VSCode

Тепер їх потрібно імпортувати вручну.

import 'rxjs/add/operator/retry';
import 'rxjs/add/operator/timeout';
import 'rxjs/add/operator/delay';
import 'rxjs/add/operator/map';




this.http.post(url, JSON.stringify(json), {headers: headers, timeout: 1000})

         .retry(2)

         .timeout(10000, new Error('Time out.'))

         .delay(10)

         .map((res) => res.json())
        .subscribe(
          (data) => resolve(data.json()),
          (err) => reject(err)
        );

Оновити tsconfig.json, змінити

"target": "es5"

до

"target": "es6"