Ошибка при запуске ASP. NET Core с Angular шаблоном

Question

Я пытаюсь запустить свой рабочий проект на новой машине. Приложение Angular по отдельности работает нормально, используя ng serve, но когда я пытаюсь найти целое приложение из Visual Studio, я получаю следующую ошибку:

AggregateException: одна или несколько ошибок произошло. (Произошла одна или несколько ошибок. («Пуск» сценария NPM завершился без указания того, что CLI Angular прослушивал запросы. Вывод ошибки: npm ERR! Path C: \ Windows \ System32 \ пакет. json

Я пробовал следующие способы, это не помогло:

• Выбрал пакет файлов. json внутри папки ClientApp, затем изменил свойство Copy to Output Directory to Всегда копировать.
• Удален package.lock. json и запущен npm install.
• У меня нет –EXTRACT-CSS в моем пакете. json. Это "start": "ng serve.
• Выполнены все шаги, указанные в https://github.com/silvairsoares/Angular-with-Asp.Net-Core/wiki

Answer 1

Существует два способа запуска приложения angular внутри основного приложения pnet. Предполагая, что вы запускаете приложение как консольное приложение (не использующее IIS Express) и приложение angular находится в папке ClientApp, вы можете проверить следующие способы.

Если вы хотите запустить сервер angular независимо , добавьте это к вашему Configure() методу внутри Startup.cs

app.UseSpa(spa =>
        {

            spa.Options.SourcePath = "ClientApp";

            if (env.IsDevelopment())
            {
                spa.UseProxyToSpaDevelopmentServer("http://localhost:4200"); // Use this instead to use the angular cli server
            }
        });

Если вы хотите чтобы запустить оба внутри как pnet базовое приложение , добавьте это к вашему Configure() методу внутри Startup.cs

app.UseSpa(spa =>
        {
            spa.Options.SourcePath = "ClientApp";

            if (env.IsDevelopment())
            {
                spa.UseAngularCliServer(npmScript: "start");
                spa.Options.StartupTimeout = TimeSpan.FromSeconds(60); // Increase the timeout if angular app is taking longer to startup

            }
        });

Перед этим убедитесь, что npm install внутри вашего клиента папка приложения.

Answer 2

Если ваш код проекта соответствует,

"scripts": {
    "ng": "ng",
    "start": "ng serve --extract-css",
    "build": "ng build --extract-css",
    ...
}

Ремонт следует

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~8.2.5",
    "@angular/cdk": "^8.2.0",
    "@angular/common": "~8.2.5",
    "@angular/compiler": "~8.2.5",
    "@angular/core": "~8.2.5",
    "@angular/forms": "~8.2.5",
    "@angular/http": "^7.2.15",
    "@angular/material": "^8.2.0",
    "@angular/platform-browser": "~8.2.5",
    "@angular/platform-browser-dynamic": "~8.2.5",
    "@angular/router": "~8.2.5",
    "bootstrap": "^4.3.1",
    "hammerjs": "^2.0.8",
    "jquery": "^3.4.1",
    "ngx-toastr": "^11.2.1",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.4",
    "@angular/cli": "~8.3.4",
    "@angular/compiler-cli": "~8.2.5",
    "@angular/language-service": "~8.2.5",
    "@types/node": "~8.9.4",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^5.0.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.5.3"
  }