Angular 7，创建和运行新项目失败

Question

我正在遵循Angular网站上提到的所有说明来使用Angular 7安装和运行新项目，但是它给了我以下错误，我尝试了许多技巧，从删除缓存到删除整个节点模块和npm，但是没有任何效果，我需要帮助，请经历我下面从昨天开始不断出现的错误。

第1步：成功安装Angular 7

C:\Users\me>npm install -g @angular/cli
C:\Users\me\AppData\Roaming\npm\ng -> 
C:\Users\me\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 
(node_modules\@angular\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for 
fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: 
{"os":"win32","arch":"x64"})

+ @angular/cli@7.1.3
updated 1 package in 23.447s

第2步：切换文件夹并创建“我的应用”（但是在创建“我的应用”时出现错误，请参见下文）

C:\wamp\www>ng new my-app
? Would you like to add Angular routing? No
? Which stylesheet format would you like to use? CSS
CREATE my-app/angular.json (3768 bytes)
CREATE my-app/package.json (1305 bytes)
CREATE my-app/README.md (1022 bytes)
CREATE my-app/tsconfig.json (435 bytes)
CREATE my-app/tslint.json (2824 bytes)
CREATE my-app/.editorconfig (246 bytes)
CREATE my-app/.gitignore (576 bytes)
CREATE my-app/src/favicon.ico (5430 bytes)
CREATE my-app/src/index.html (292 bytes)
CREATE my-app/src/main.ts (372 bytes)
CREATE my-app/src/polyfills.ts (3694 bytes)
CREATE my-app/src/test.ts (642 bytes)
CREATE my-app/src/styles.css (80 bytes)
CREATE my-app/src/browserslist (388 bytes)
CREATE my-app/src/karma.conf.js (980 bytes)
CREATE my-app/src/tsconfig.app.json (166 bytes)
CREATE my-app/src/tsconfig.spec.json (256 bytes)
CREATE my-app/src/tslint.json (314 bytes)
CREATE my-app/src/assets/.gitkeep (0 bytes)
CREATE my-app/src/environments/environment.prod.ts (51 bytes)
CREATE my-app/src/environments/environment.ts (662 bytes)
CREATE my-app/src/app/app.module.ts (314 bytes)
CREATE my-app/src/app/app.component.html (1120 bytes)
CREATE my-app/src/app/app.component.spec.ts (978 bytes)
CREATE my-app/src/app/app.component.ts (210 bytes)
CREATE my-app/src/app/app.component.css (0 bytes)
CREATE my-app/e2e/protractor.conf.js (752 bytes)
CREATE my-app/e2e/tsconfig.e2e.json (213 bytes)
CREATE my-app/e2e/src/app.e2e-spec.ts (298 bytes)
CREATE my-app/e2e/src/app.po.ts (204 bytes)
npm WARN deprecated circular-json@0.5.9: CircularJSON is in maintenance 
only, flatted is its successor.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: source-map@^0.4.2 
(node_modules\scss-tokenizer\node_modules\source-map):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: zlib: unexpected end of file

npm ERR! code Z_BUF_ERROR
npm ERR! errno -5
npm ERR! zlib: unexpected end of file

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\me\AppData\Roaming\npm-cache\_logs\2018-12- 
14T04_43_19_244Z-debug.log

Package install failed, see above.

第3步：然后我切换到了我的应用

C:\wamp\www>cd my-app

第4步：启动服务器，但在这里它也坏了

C:\wamp\www\my-app>ng serve --open
Could not find module "@angular-devkit/build-angular" from 
"C:\\wamp\\www\\my-app".
Error: Could not find module "@angular-devkit/build-angular" from 
"C:\\wamp\\www\\my-app".
at Object.resolve (C:\Users\me\AppData\Roaming\npm\node_modules 
\@angular\cli\node_modules\ @angular-devkit\core\node\resolve.js:141:11)
at Observable.rxjs_1.Observable [as _subscribe] 
(C:\Users\me\AppData\Roaming\npm\node_modules 
\@angular\cli\node_modules\@angular-devkit\architect\src\ 
architect.js:132:40)
at Observable._trySubscribe 
(C:\Users\me\AppData\Roaming\npm\node_modules 
\@angular\cli\node_modules\rxjs\internal\ Observable.js:44:25)
at Observable.subscribe 
(C:\Users\me\AppData\Roaming\npm\node_modules 
\@angular\cli\node_modules\rxjs\internal\Observable.js:30:22)
at 
C:\Users\me\AppData\Roaming\npm\node_modules 
\@angular\cli\node_modules\rxjs\internal\Observable.js:99:19
at new Promise (<anonymous>)
at Observable.toPromise 
(C:\Users\me\AppData\Roaming\npm\node_modules 
\@angular\cli\node_modules\rxjs\internal\Observable.js:97:16)
at ServeCommand.initialize 
(C:\Users\me\AppData\Roaming\npm\node_modules 
\@angular\cli\models\architect-command.js:88:94)
at process._tickCallback (internal/process/next_tick.js:43:7)
at Function.Module.runMain (internal/modules/cjs/loader.js:779:11)

C:\wamp\www\my-app>

请建议我在这里可以做些什么，谢谢

Answer 1

好的，我终于找到解决方法了！

我只是通过运行以下命令清除了缓存，然后再次运行npm install，就可以了。

>npm cache clean --force
>npm install

因此，如果任何人遇到这种情况，请按照以下步骤操作：

>npm install -g @angular/cli
>ng new my-app
>cd my-app
>npm cache clean --force
>npm install
>ng serve --open

你很好！ 谢谢大家！

Answer 2

昨天我也遇到了同样的问题，我是如何解决的。

1。卸载当前的角度cli。 npm卸载@ angular / cli

2。删除文件夹：

3。使用cmd中的％AppData％\ npm-cache 删除node_module的临时文件（如果存在）。

4。重新启动系统。

5。使用npm install @ angular / cli @进行全新安装，例如：6.0.2

1. 做得很好。 ：）

Answer 3

  

删除node_modules：

rm -rf node_modules  并删除了package-lock.json，

  

然后重新安装：     npm安装     它对我有用。

Answer 4

1. 卸载npm
2. 安装角度cli

https://stackasian.com/angular/create-new