Я не могу создать простой Angular Project ни из Powershell, ни из VsCode

Question

Я начал изучать Angular Cli с моей новой работы и слушал учебники.

Я не мог создать простое приложение, используя «ng new HelloApp, cd HelloApp, npm start» в powershell, а затем VS Code.Терминал, который дал мне ошибку, которую я узнал package.json, не был создан.Я создал его вручную и использовал «npm init, npm install», который дал мне несколько предупреждений.Независимо от того, использую я «исправление аудита npm» или нет, я получаю «Произошло необработанное исключение: не удалось найти реализацию для ошибки builder @ angular-devkit / build-angular: dev-server».

Я установил узел.js, WebStorm, Visual Studio Code и Angular Cli новые версии i

Вот мой package.json, а затем мой список версий;

{
  "name": "hello-app",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~7.2.0",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/forms": "~7.2.0",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/router": "~7.2.0",
    "core-js": "^2.5.4",
    "rxjs": "~6.3.3",
    "tslib": "^1.9.0",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.12.0",
    "@angular/cli": "~8.3.5",
    "@angular/compiler-cli": "~7.2.0",
    "@angular/language-service": "~7.2.0",
    "@types/node": "~8.9.4",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.1.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.2.2"
  }
}

.npm версия:

npm: '6.11.3',
  ares: '1.15.0',
  brotli: '1.0.7',
  cldr: '35.1',
  http_parser: '2.8.0',
  icu: '64.2',
  modules: '64',
  napi: '4',
  nghttp2: '1.39.2',
  node: '10.16.3',
  openssl: '1.1.1c',
  tz: '2019a',
  unicode: '12.1',
  uv: '1.28.0',
  v8: '6.8.275.32-node.54',
  zlib: '1.2.11' }

.

ng версия:

Angular CLI: 8.3.5
Node: 10.16.3
OS: win32 x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.803.5
@angular-devkit/core         8.3.5
@angular-devkit/schematics   8.3.5
@schematics/angular          8.3.5
@schematics/update           0.803.5
rxjs                         6.4.0

.

tsc -v: TS6029: версия 1.5.3

Answer 1

Шаг 1: npm install -g @ angular / cli

Шаг 2: npm install -g @ angular / cli @ 7.xx Обновление версиисогласно вашему требованию.

Шаг 3:

• ng новое ИМЯ ПРОЕКТА
• cd ИМЯ ПРОЕКТА
• ng serve

Для получения более подробной информации, пожалуйста, посетите следующий URL.

https://www.npmjs.com/package/@angular/cli

Answer 2

Я бы определенно предложил попробовать это, что сработало для меня:

1.) Make sure your angular version starts with 7.2.15 (if not, you should install this version first)
2.) Be sure your Node version is 12.x.x
3.) Typescript version 3.4.5
3.) ng update @angular/cli @angular/core (for @angular/cli, be sure to install it both local & global)
4.) npm uninstall @angular-devkit/build-angular
5.) npm install @angular-devkit/build-angular
6.) ng update --all
7.) If you have ViewChild on your application, be sure to edit them with: Source

@ViewChild(<name>, {static: true}) <name>; // Adding static: true on the 2nd param

Шаг 7:

Before:

@ViewChild('foo') foo: ElementRef;

After:

// query results available in ngOnInit
@ViewChild('foo', {static: true}) foo: ElementRef;

OR

// query results available in ngAfterViewInit
@ViewChild('foo', {static: false}) foo: ElementRef;

ПодробнееInfo