解决Angular CLI找不到模块angular-devkit/build-angular的

来源:http://www.chinese-glasses.com 作者:Web前端 人气:96 发布时间:2020-03-31
摘要:时间: 2019-11-02阅读: 475标签: cli 附:Angular中文文档: https://angular.cn/docs/ts/latest/quickstart.html 、 Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular的开发。今天执行“

时间: 2019-11-02阅读: 475标签: cli

附:Angular 中文文档:https://angular.cn/docs/ts/latest/quickstart.html

Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。

安装angular cli


步骤1. 设置开发环境

如果你的机器上还没有Node.js®和npm,请先安装它们。请先在终端/控制台窗口中运行命令 node -v 和 npm -v,来验证一下你正在运行 node 6.9.x 和 npm 3.x.x 以上的版本。更老的版本可能会出现错误,更新的版本则没问题。

由于 npm 官网镜像国内访问太慢,这里我使用了淘宝的npm镜像,安装方法如下:

npm   install -g cnpm --registry=https://registry.npm.taobao.org

然后全局安装 Angular CLI

cnpm install -g @angular/cli

测试是否成功,版本

ng version

步骤2. 创建新项目

操作步骤(官网)

ng new my-app

cd my-app

ng serve

操作步骤(慕课网)

ng new my-app --skip-install

cd my-app

cnpm install

ng serve

 附上:常用命令使用

创建新项目:ng new projectName [options]。

创建组件:ng g component componentName。

启动server:ng serve,默认端口4200。(ng serve  --port 4201)

打包:ng build --prod,默认生成/dist目录,并将打包后的结果存放在此。

测试:ng test,使用 karma 运行单元测试。

cli版本:ng version

错误检测:ng lint,运行codelyzer linter检测。

命令参考 (后续补充剩余命令)

2.1 创建项目

1.命令:ng new proName [options]

参数描述

–dry-run -d只输出要创建的文件和执行的操作,实际上并没有创建项目

–verbose -v输出详细信息

–skip-npm在项目第一次创建时不执行任何npm命令

–name指定创建项目的名称

2.测试

使用 karma 运行单元测试 

命令: ng test [options]

参数描述

–watch继续运行测试. 默认为true

–browsers , –colors , –reporters , –port , –log-level这些参数直接传递给karma

问题背景

执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。信息如下:

ng serveAn unhandled exception occurred: Could not find module "@angular-devkit/build-angular" from "D:\workspaceGithub\mean-news-ui\mean-news-ui".See "C:UsersLYFAppDataLocalTempng-FStMRrangular-errors.log" for further details.

解决

怀疑是 Angular CLI 与 Angular 应用版本不匹配或者是本地环境有错误引起的。

解决的方案就是卸载 Angular CLI再重新安装,错误就没有了。

  1. 卸载老版本 Angular CLI

卸载老版本 Angular CLI,命令如下:

本文由10bet发布于Web前端,转载请注明出处:解决Angular CLI找不到模块angular-devkit/build-angular的

关键词:

最火资讯