Error: Cannot find module '@angular-devkit/core' - after clean install

Чистая установка проекта с ngrx

Проблема

Запуская через ng serve

e:\home\ngrx>ng serve
Your global Angular CLI version (1.5.5) is greater than your local
version (1.5.0). The local Angular CLI version is used.

To disable this warning use "ng set --global warnings.versionMismatch=false".
module.js:538
    throw err;
    ^

Error: Cannot find module '@angular-devkit/core'
    at Function.Module._resolveFilename (module.js:536:15)
    at Function.Module._load (module.js:466:25)
    at Module.require (module.js:579:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (e:\home\ngrx\node_modules\@angular-devkit\schematics\src\tree\virtual.js:10:16)
    at Module._compile (module.js:635:30)
    at Object.Module._extensions..js (module.js:646:10)
    at Module.load (module.js:554:32)
    at tryModuleLoad (module.js:497:12)
    at Function.Module._load (module.js:489:3)

Получаем ошибку: отсутствует @angular-devkit/core

Решение

Следует обновить пакет @angular/cli.

  1. Отредактировать package.json на использование новой версии @angular/cli. В моём случае с
    "@angular/cli": "1.5.0",

    до

    "@angular/cli": "^1.6.0",
  2. Поставить новую версию пакета. Мне еще пришлось удалиь node_modules, иначе не устанавливалось.
    npm install
  3. Не помешает глобально обновить Angular CLI
    npm update -g @angular/cli

P.S. Позже видел более элегантное решение.

npm i -D @angular-devkit/core

Похожие записи

RxJS Pipeable Operators

Начиная с версии rxjs 5.5 операторы вместо цепочки вызовов применяются как параметры функции pipe.

Angular. Can't set breakpoints in VS Code

Вариант решения проблемы, когда не срабатывают точки остановки при разработке Angular приложений в редакторе VS Code
10 апреля 2018 г. в Angular

@Directive v/s @Component in Angular

Компоненты создают DOM элементы и добавляют к ним поведение, а директивы только добавляют поведение к существующим DOM элементам

13 августа 2018 г. в Angular

ngx translate attribute

Используется конструкция

<img src="image.jpg" [alt]="'KEY' | translate"> 
20 августа 2018 г. в Angular