Angular 5升级至6后运行ng serve报错：找不到@angular-devkit/build-angular模块

我帮你分析下这个问题：Angular 6开始把@angular-devkit/build-angular作为核心构建工具，你升级后出现找不到模块的错误，大概率是依赖没正确安装、或者Angular CLI版本和项目不匹配导致的。试试下面这些步骤来修复：

步骤1：同步Angular CLI版本到对应版本 #

Angular 6需要搭配CLI 6.x系列版本，建议全局和本地项目都更新到匹配版本：

# 用npm的操作
npm uninstall -g @angular/cli
npm install -g @angular/cli@6.2.9
npm install --save-dev @angular/cli@6.2.9

# 如果用yarn的话，替换成以下命令
yarn global remove @angular/cli
yarn global add @angular/cli@6.2.9
yarn add --dev @angular/cli@6.2.9

步骤2：安装缺失的@angular-devkit/build-angular #

直接把这个依赖添加到项目的开发依赖中，注意要选和CLI 6.x匹配的0.8.x版本：

# npm方式
npm install --save-dev @angular-devkit/build-angular@0.8.9

# yarn方式
yarn add --dev @angular-devkit/build-angular@0.8.9

步骤3：清理依赖缓存并重新安装 #

有时候缓存会导致依赖安装异常，执行以下命令重置依赖：

# 删除旧依赖文件和锁文件
rm -rf node_modules package-lock.json yarn.lock

# 重新安装全部依赖
npm install
# 或者用yarn
yarn install

步骤4：验证启动项目 #

完成以上操作后，再执行你的启动命令试试：

ng serve --open --proxy-config proxy.conf.js

如果还是有问题，可以打开package.json检查一下，确保@angular/core、@angular/cli、@angular-devkit/build-angular都是Angular 6系列的匹配版本，避免版本冲突。

你的报错信息参考：

yarn run v1.5.1
$ ng serve --open --proxy-config proxy.conf.js
Could not find module "@angular-devkit/build-angular" from "/home/aravinda/Desktop/example/ui".
Error: Could not find module "@angular-devkit/build-angular" from "/home/aravinda/Desktop/example/ui".
at Object.resolve (/home/aravinda/Desktop/example/ui/node_modules/@angular-devkit/core/node/resolve.js:141:11)
at Observable.rxjs_1.Observable [as _subscribe] (/home/aravinda/Desktop/example/ui/node_modules/@angular-devkit/architect/src/architect.js:132:40)
...（省略后续报错内容）

内容的提问来源于stack exchange，提问作者Aravinda Rathnayake