javascript - Angular Cling 服务不起作用

Question

当我尝试运行 ngserve我收到此错误:

The "@angular/compiler-cli" package was not properly installed. Error: 
TypeError
: Object prototype may only be an Object or null: undefined
Error: The "@angular/compiler-cli" package was not properly installed. 
Error: Ty
peError: Object prototype may only be an Object or null: undefined
at Object.<anonymous> (C:\Users\Mounadi\angular2-quickstart\node_modules\@ng
tools\webpack\src\index.js:14:11)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (C:\Users\Mounadi\angular2-quickstart\node_modules\@an
gular\cli\tasks\eject.js:10:19)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)

我尝试卸载@angular/cli并安装@angular/cli@latest，但遇到了相同的错误

Answer 1

按照以下步骤开始使用 Angular CLI。

首次更新节点版本:

1. 因此，首先通过输入命令 node -v 检查您的节点版本.

2. 如果节点版本低于 6.x.x，则更新它，因为 Angular CLI 要求节点版本高于 6.x.x。要更新节点版本，请运行以下命令。

   nvm install <new version> --reinstall-packages-from=<old version>

   <强> Ex: nvm install 7.10.0 --reinstall-packages-from=5.1.0

   然后运行命令:nvm use 7.10.0

3. 在此运行命令之后 npm install -g @angular/cli安装Angular CLI。

4. 然后ng new my-new-project创建新项目。
5. 然后cd my-new-project进入创建的项目目录。
6. 最后 ng serve运行您的应用程序。

额外:要将 Angular 2 项目更新为 Angular 4 项目，请运行以下命令:

    * On Linux/Mac: npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-    
                     server,router,animations}@next --save server,router,animations}@next --save

     * On Windows: npm install @angular/common@next @angular/compiler@next @angular/compiler-cli@next @angular/core@next 
                   @angular/forms@next @angular/http@next @angular/platform-browser@next @angular/platform-browser-dynamic@next 
                   @angular/platform-server@next @angular/  router@next @angular/animations@next --save