Angular 7, Создание и запуск нового проекта не удается - PullRequest
0 голосов
/ 14 декабря 2018

Я следую всем инструкциям, указанным на сайте Angular, чтобы установить и запустить новый проект с использованием Angular 7, но он дает мне следующие ошибки, я перепробовал много хитростей от удаления кэша до удаления целых узлов-модулей и npm, но ничего не работает, мне нужнопомогите, пожалуйста, просмотрите мои ошибки ниже, которые я постоянно получаю со вчерашнего дня.

Шаг 1: Успешно установлен Угловой 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:Переключил папку и создал my-app (но при создании my-app выдает ошибку, см. Ниже)

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: Затем я переключился на my-app

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>

Пожалуйста, предложите мне что-нибудь, что я могу сделать здесь, Спасибо

Ответы [ 4 ]

0 голосов
/ 13 мая 2019
  1. удаление npm
  2. установка углового кли

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

0 голосов
/ 14 декабря 2018

Хорошо, я наконец-то нашел решение!

Я просто очистил кеш, выполнив следующую команду, и снова запустил 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

И вы в порядке!Спасибо всем!

0 голосов
/ 14 декабря 2018

Вчера у меня тоже была такая же проблема, Как я решил, что ..

1.Удалите текущий угловой код. npm uninstall @ angular / cli

2. Удалите папку: enter image description here

3. Удалите временный файл node_module, если он существует, используя % AppData% \ npm-cache в cmd.

4. Перезагрузите систему.

5. Дайте новую установку с помощью npm install @ angular / cli @ например: 6.0.2

Готово, все в порядке.:)
0 голосов
/ 14 декабря 2018

удалить node_modules:

rm -rf node_modules и удалить package-lock.json,

, затем переустановить: npm install Работаетдля меня.

...