Ошибка сборки в Visual Studio 2019 для приложения Angular - PullRequest
Новая
       35

Ошибка сборки в Visual Studio 2019 для приложения Angular

0 голосов
/ 23 октября 2019

Я сделал приложение Angular 8 и .Net Core 2.2 (Web API) с Visual Studio 2019 (Community Edition). Чтобы сохранить оба проекта в едином решении, я следовал инструкциям, приведенным в этой ссылке: Добавление клиентского приложения angular 7.0 в проект web-API asp.net core 2.2

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

enter image description here

Я попытался устранить ошибку, изменив настройкив tsconfig.json, но пока не удалось. Найдите мой текущий файл tsconfig.json, как показано ниже: 

{
  "compileOnSave": true,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "module": "esnext",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": false,
    "strictInjectionParameters": true
  }
}

Пожалуйста, помогите в вышеуказанном случае. Я не знаю, как делиться кодом, но я могу поделиться этим кодом как с учебным приложением.

Во-вторых, есть ли другой способ сохранить и Angular, и .Net Core Web Api в одном проекте?

Ответы [ 2 ]

0 голосов
/ 13 ноября 2019

Определенно вы можете разместить .Net Core WebApi и Angular в одном решении. Microsoft даже создала неплохой шаблон проекта, который входит в состав .Net Core 2.2. Хорошую отправную точку см. https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/angular?view=aspnetcore-3.0&tabs=visual-studio.

Статья, которую вы перечислили, была посвящена существующему автономному проекту Web Api, не построенному с использованием шаблона Angular SPA, в котором они должны были добавить SPA позже. SPA шаблон от Microsoft не плохой, и все работает из коробки, попробуйте.

0 голосов
/ 23 октября 2019

Нашел решение. Я исключил папку «ClientApp», которая предназначена для Angular, и попытался создать решение, которое имеет только сейчас проект Web Api. Все еще дает мне ту же ошибку. Таким образом, подтверждено, что в tsconfig.json нет проблем.

Я изменил содержимое моего файла .csproj, как показано ниже: 

<PropertyGroup>
    <TargetFramework>netcoreapp2.2</TargetFramework>
    <AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel>
    <TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
    <TypeScriptToolsVersion>Latest</TypeScriptToolsVersion>
    <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>

До того, как это было показано ниже: 

<PropertyGroup>
    <TargetFramework>netcoreapp2.2</TargetFramework>
    <AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel>
    <TypeScriptToolsVersion>3.6</TypeScriptToolsVersion>
   <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>
...