2017-01-04 3 views
1

Для некоторого контекста, я только начал бежать через Ahead-о-компиляции поваренной книги нашел здесь, хотя я не верю, что мои ошибки непосредственно связаны с ним: https://angular.io/guide/aot-compilerОшибки после обновления tsconfig.json и package.json

Я использую Visual Studio 2015 и обновил свой проект Angular 2 до недавно выпущенного 2.4, и все построено просто отлично. Затем я изменил файл tsconfig.json, чтобы добавить "lib": [ "es2015", "dom" ] в мои compilerOptions. Теперь файл выглядит следующим образом:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ "es2015", "dom" ], 
    "removeComments": false, 
    "noImplicitAny": true, 
    "outDir": "dist", 
    "suppressImplicitAnyIndexErrors": true 
    }, 
    "compileOnSave": true 
} 

После этого изменения, я заново построен и получил следующую ошибку сборки:

Build: duplicate identifier 'PropertyKey'.

Я сделал некоторые исследования и решил удалить "@types/core-js": "^0.9.34" из моего package.json файл, который, кажется, решить эту ошибку, но теперь у меня есть несколько экземпляров следующих новых ошибок:

Build: Cannot find name 'Set'

Build: Cannot find name 'Promise'

Build: Cannot find name 'Map'

Вот мой полный файл package.json:

{ 
    "name": "angular2-quickstart", 
    "version": "1.0.0", 
    "scripts": { 
    "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ", 
    "docker-build": "docker build -t ng2-quickstart .", 
    "docker": "npm run docker-build && docker run -it --rm -p 3000:3000 -p 3001:3001 ng2-quickstart", 
    "pree2e": "npm run webdriver:update", 
    "e2e": "tsc && concurrently \"http-server -s\" \"protractor protractor.config.js\" --kill-others --success first", 
    "lint": "tslint ./app/**/*.ts -t verbose", 
    "lite": "lite-server", 
    "postinstall": "typings install", 
    "test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"", 
    "test-once": "tsc && karma start karma.conf.js --single-run", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "typings": "typings", 
    "webdriver:update": "webdriver-manager update" 
    }, 
    "license": "MIT", 
    "dependencies": { 
    "@angular/common": "~2.4.0", 
    "@angular/compiler": "~2.4.0", 
    "@angular/compiler-cli": "^2.4.1", 
    "@angular/core": "~2.4.0", 
    "@angular/forms": "~2.4.0", 
    "@angular/http": "~2.4.0", 
    "@angular/platform-browser": "~2.4.0", 
    "@angular/platform-browser-dynamic": "~2.4.0", 
    "@angular/platform-server": "^2.4.1", 
    "@angular/router": "~3.4.0", 
    "@angular/upgrade": "~2.4.0", 
    "angular-in-memory-web-api": "~0.1.16", 
    "bootstrap": "^3.3.7", 
    "core-js": "^2.4.1", 
    "reflect-metadata": "^0.1.8", 
    "rxjs": "5.0.1", 
    "systemjs": "0.19.39", 
    "zone.js": "^0.7.4" 
    }, 
    "devDependencies": { 
    "@types/node": "^6.0.45", 
    "concurrently": "^3.0.0", 
    "lite-server": "^2.2.2", 
    "typescript": "^2.0.3" 
    }, 
    "repository": {} 
} 

Для того чтобы держать в курсе новых релизов, я в значительной степени копировали зависимостями часть примера package.json файл здесь: https://angular.io/guide/quickstart

Эта ссылка для версии JavaScript, потому что это единственный один, который я могу найти, но я на самом деле использую TypeScript 2.1.4. Из-за этого у меня, вероятно, есть некоторые части этого файла, устаревшие. Я просто не знаю, как конкретно определить, какие части.

+0

Я не знаком с установкой Visual Studio (пользователь intellij). Но, возможно, попробуйте использовать. '" lib ": [" es6 "," dom "],' Или, возможно, удалить '" lib ": [" es20125 "," dom "],' полностью и попробовать использовать core-js @types. Посмотрите на мой ответ здесь, как использовать core-js. http://stackoverflow.com/questions/35660498/angular-2-cant-find-promise-map-set-and-iterator/38876022#38876022 –

+0

Не существует ли проблем с совместимостью браузера с es6? – Brett

+0

Ну, это то, что делает es6 или core-js. Они являются починками для несовместимости. Таким образом, вы можете использовать синтаксис es6 в своем коде. –

ответ

0

I am not familiar with Visual Studio setup (intellij user). But maybe try using. "lib": [ "es6", "dom" ], Or possibly remove "lib": [ "es20125", "dom" ], completely and try using core-js @types. Look at my answer here on how to use core-js.

Связанные Ответ:

Angular 2 can't find Promise,Map,Set and Iterator

Cannot find name 'Promise' Эта ошибка приводит меня к мысли вам не хватает определения типа для ES6.

Promise, Map, and Set - спецификация es6.

Вы должны использовать библиотеку pollyfill ES6.

Смежные вопросы