angular ng g c 出错:“You have to be inside an angular-cli project in order to use the serve command”

最近学习使用angular2的时候突然发现我的webstorm不能直接建立component,所以只能在命令行下使用ng g c componentname 命令来自己建立一个组件,然鹅,却报了这个错误,前面黄色那一堆可以忽略,直接看最后红色的部分:


angular ng g c 出错:“You have to be inside an angular-cli project in order to use the serve command”_第1张图片

上网查了知道我@angular/cli正式版安装后,依然在使用beta版,如图:

angular ng g c 出错:“You have to be inside an angular-cli project in order to use the serve command”_第2张图片


然后参考官方文档,完成以下几个步骤:

1.卸载旧版本

2.必要时更新节点/ npm

3.安装新版本

同时这里贴上官方文档的处理操作:

1.卸载旧版本

如果您使用的是Angular CLI beta.28或更低版本,则需要卸载angular-cli软件包:

npm uninstall -g angular-cli          #删除全局包

npm uninstall --save-dev angular-cli  #从package.json中删除

否则,卸载 @angular/cli软件包:

npm uninstall -g @ angular / cli          #删除全局包

npm uninstall --save-dev @ angular / cli #从package.json中删除

还清除缓存和本地包:

rm -rf node_modules dist # Use rmdir on Windowsnpm cache clean

此时,您不应再在系统上安装Angular CLI。如果在命令行调用Angular CLI显示它仍然存在于您的系统上,则必须手动将其删除。请参阅手动删除剩余的Angular CLI。

2.如有必要,更新节点/ npm

Angular CLI现在具有节点6.9.0或更高的最低要求,以及NPM 3或更高。

如果您的Node或NPM版本不符合这些要求,请参阅有关如何升级的文档。

3.安装新版本

要将Angular CLI更新为新版本,您必须同时更新全局包和项目的本地包:

npm install -g @ angular / cli @ latest          #全局包

npm install --save-dev @ angular / cli @ latest  #本地包

npm install                                  #恢复删除的依赖项

你可能感兴趣的:(angular ng g c 出错:“You have to be inside an angular-cli project in order to use the serve command”)