Для некоторого контекста, я только начал бежать через 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. Из-за этого у меня, вероятно, есть некоторые части этого файла, устаревшие. Я просто не знаю, как конкретно определить, какие части.
Я не знаком с установкой 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 –
Не существует ли проблем с совместимостью браузера с es6? – Brett
Ну, это то, что делает es6 или core-js. Они являются починками для несовместимости. Таким образом, вы можете использовать синтаксис es6 в своем коде. –