Как обновить угловую версию в проекте angular-cli?

ответ JJB привел меня на правильный путь, но обновление прошло не очень гладко. Мой процесс подробно описан ниже. Надеюсь, в будущем процесс станет проще, и ответ JJB может быть использован или что-то еще более простое.

Сведения О Решении

я следил за шаги, которые захватили в ответ Джей-Джей-Би по обновлению угловые-CLI и точно. Однако, после запуска npm install угловой-cli был сломан. Даже пытаюсь сделать ng version приведет к ошибке. Так что я не мог сделать . Смотрите ошибку ниже:

$ ng init
core_1.Version is not a constructor
TypeError: core_1.Version is not a constructor
    at Object.<anonymous> (C:\_git\my-project\code\src\main\frontend\node_modules\@angular\compiler-cli\src\version.js:18:19)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    ...

чтобы иметь возможность использовать любые команды angular-cli, мне пришлось обновить свой пакет.JSON файл вручную и поднять @угловые зависимости до 2.4.1, а затем сделать еще один npm install.

после этого я смог сделать ng init. Я обновил свои файлы конфигурации, но ни один из моих файлов приложения/*. Когда это было сделано, я все еще получаю ошибки. Первый из них подробно описан ниже, второй был таким же типом ошибки, но в a отдельный файл.

ошибка при обнаружении ошибки статическое разрешение значений символов. Вызовы функций не поддерживаются. Рассмотрите возможность замены функции или лямбда со ссылкой на экспортируемую функцию (позиция 62: 9 в поле оригинальный.файл TS), разрешение символом модуль в C:/_git/my-project/code/src/main/frontend/src/app/app.модуль.ТС

эта ошибка связана со следующим поставщиком фабрики в моем Модуль

{ provide: Http, useFactory: 
    (backend: XHRBackend, options: RequestOptions, router: Router, navigationService: NavigationService, errorService: ErrorService) => {
    return new HttpRerouteProvider(backend, options, router, navigationService, errorService);  
  }, deps: [XHRBackend, RequestOptions, Router, NavigationService, ErrorService]
}

чтобы устранить эту ошибку, я использовал экспортированную функцию и внес следующее изменение в поставщик.

    { 
      provide: Http, 
      useFactory: httpFactory, 
      deps: [XHRBackend, RequestOptions, Router, NavigationService, ErrorService]
    }

... // elsewhere in AppModule

export function httpFactory(backend: XHRBackend, 
                            options: RequestOptions, 
                            router: Router, 
                            navigationService: NavigationService, 
                            errorService: ErrorService) {
  return new HttpRerouteProvider(backend, options, router, navigationService, errorService);
}

резюме

чтобы суммировать то, что я понимаю как наиболее важные детали, потребовались следующие изменения:

1. обновите версию angular-cli, используя шаги, описанные в ответе JJB (и на их странице github).

2. обновление @угловой версии рука, 2.0.0, похоже, не поддерживается angular-cli версии 1.0.0-beta.24

3. С помощью углового-cli и ng init команда, я обновил свои файлы конфигурации. Я думаю, что критические изменения были в angular-cli.JSON и пакет.формат JSON. См. раздел изменения файла конфигурации внизу.

4. внесите изменения в код для экспорта функций, прежде чем я буду ссылаться на них, как записано в решении подробности.

Ключевые Изменения Конфигурации

угловой-cli.изменения в JSON

{
  "project": {
    "version": "1.0.0-beta.16",
    "name": "frontend"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": "assets",
...

изменен...

{
  "project": {
    "version": "1.0.0-beta.24",
    "name": "frontend"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
...

мой пакет.json выглядит так после ручного слияния, которое учитывает версии, используемые ng-init. Обратите внимание, что моя угловая версия не 2.4.1, но изменение, которое я получил, было наследованием компонентов, которое было введено в 2.3, поэтому я был в порядке с этими версиями. Оригинальная упаковка.json находится в вопрос.

{
  "name": "frontend",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update --standalone false --gecko false",
    "e2e": "protractor",
    "build": "ng build",
    "buildProd": "ng build --env=prod"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "^2.3.1",
    "@angular/compiler": "^2.3.1",
    "@angular/core": "^2.3.1",
    "@angular/forms": "^2.3.1",
    "@angular/http": "^2.3.1",
    "@angular/platform-browser": "^2.3.1",
    "@angular/platform-browser-dynamic": "^2.3.1",
    "@angular/router": "^3.3.1",
    "@angular/material": "^2.0.0-beta.1",
    "@types/google-libphonenumber": "^7.4.8",
    "angular2-datatable": "^0.4.2",
    "apollo-client": "^0.4.22",
    "core-js": "^2.4.1",
    "rxjs": "^5.0.1",
    "ts-helpers": "^1.1.1",
    "zone.js": "^0.7.2",
    "google-libphonenumber": "^2.0.4",
    "graphql-tag": "^0.1.15",
    "hammerjs": "^2.0.8",
    "ng2-bootstrap": "^1.1.16"
  },
  "devDependencies": {
    "@types/hammerjs": "^2.0.33",
    "@angular/compiler-cli": "^2.3.1",
    "@types/jasmine": "2.5.38",
    "@types/lodash": "^4.14.39",
    "@types/node": "^6.0.42",
    "angular-cli": "1.0.0-beta.24",
    "codelyzer": "~2.0.0-beta.1",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "1.2.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-remap-istanbul": "^0.2.1",
    "protractor": "~4.0.13",
    "ts-node": "1.2.1",
    "tslint": "^4.0.2",
    "typescript": "~2.0.3",
    "typings": "1.4.0"
  }
}

согласно документации здесь http://angularjs.blogspot.co.uk/2017/03/angular-400-now-available.html Вы "должны" просто уметь бегать...

npm установить @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@последний машинописный текст@latest --save

я попробовал и получил пару ошибок из-за моей зоны.библиотеки js и ngrx/store становятся старше версии.

обновление до последних версий npm install zone.js@latest --save и npm install @ngrx/store@latest -save, затем запуск угловой установки снова работал для меня.

просто используйте встроенную функцию углового CLI

ng update

обновить до последней версии.

удалить :

npm uninstall -g angular-cli

переустановить (с пряжей)

# npm install --global yarn
yarn global add @angular/cli@latest
ng set --global packageManager=yarn  # This will help ng-cli to use yarn

переустановить (с npm)

npm install --global @angular/cli@latest

другой способ-не использовать глобальную установку, а добавить /node_modules/.bin папка в пути, или использовать сценарии npm. Это будет мягче для обновления.

чтобы обновить Angular CLI до новой версии, необходимо обновить как глобальный пакет, так и локальный пакет вашего проекта.

глобальный пакет:

npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest

локальный проект пакет:

rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
npm install --save-dev @angular/cli@latest
npm install

смотрите ссылку https://github.com/angular/angular-cli