使用ng-cli与Yarn创建Angular项目失败:找不到@ngtools/webpack包
解决Angular CLI + Yarn创建项目时找不到@ngtools/webpack的问题
嘿,我碰到过类似的坑,结合你给出的操作记录,给你几个实用的修复方向:
先理清楚你的操作过程
你执行的命令和部分输出是这样的:
$ ng set --global packageManager=yarn $ ng new angular5-toh create angular5-toh/README.md (1027 bytes) create angular5-toh/.angular-cli.json (1247 bytes) create angular5-toh/.editorconfig (245 bytes) create angular5-toh/.gitignore (544 bytes) create angular5-toh/src/assets
然后就因为找不到@ngtools/webpack包卡住了对吧?
试试这些解决办法:
清缓存重开是万金油
Yarn缓存偶尔会抽风,导致依赖下载不完整。先把缓存清掉:yarn cache clean如果已经创建了项目文件夹,先删掉它,然后重新执行
ng new angular5-toh,确保网络通畅,别让下载中途断掉。版本匹配很关键
@ngtools/webpack是Angular CLI的核心依赖,你要创建的是Angular 5项目,对应的CLI版本应该是1.7.x系列。先检查下你当前的CLI版本:ng --version如果版本不对,就全局安装对应版本的CLI:
npm install -g @angular/cli@1.7.x版本不兼容是这类依赖缺失问题的常见原因。
手动补上缺失的依赖
如果重新创建还是不行,就进入项目文件夹,手动安装这个包:cd angular5-toh yarn add @ngtools/webpack --dev装完之后试试启动项目:
ng serve,应该就能正常跑了。直接指定包管理器创建项目
有时候全局设置的packageManager可能没生效,不如直接在创建时指定:ng new angular5-toh --packageManager=yarn
另外,你已经在GitHub提交了Issue,也可以多留意那边的回复,说不定是CLI的已知bug,官方很快会出修复的。
内容的提问来源于stack exchange,提问作者François
相关产品推荐
相关产品推荐

