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

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

Как добавить ng-bootstrap компоненты в проект Angular-CLI?

Покажу на примере нового проекта.

ng new project_name
cd project_name
npm install --save bootstrap@next
npm install --save @ng-bootstrap/ng-bootstrap

В angular-cli.json в секцию style надо добавить наш CSS, чтобы глобально подключить стили.

  "styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],

Отладка Angular в VS Code

Настройка Visual Studio Code используя расширение Debugger for Chrome для отладки Angular приложений

Angular. Can't set breakpoints in VS Code

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