.net core и проект angular 7

Анджали

Я очень новичок в .net core и angular проекте. Мне дали приложение для создания добавления и удаления строк из таблицы с использованием ядра .net и angular. Я создал проект angular внутри приложения Visual Studio 2019. Я не использовал редактор кода Visual Studio для создания проекта angular. Я протестировал свой контроллер после его создания, и он возвращал данные. Когда я запускаю приложение, я получаю сообщение об ошибке

 Cannot GET /

Моя структура проекта выглядит так: C: \ ITProjects \ ProjectsDetails. Мой угловой проект находится в c: \ ITProjects \ projectDetails \ ClientApp

Я скомпилировал все приложение и запустил его, нажав F5, и получил указанную выше ошибку. Нужно ли мне запускать команду ng serve, чтобы запустить проект angular, или я могу запустить весь проект Visual Studio, нажав F5? Ниже мой файл package.json

{
  "name": "ProjectDetails",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --extract-css",
    "build": "ng build --extract-css",
    "build:ssr": "npm run build -- --app=ssr --output-hashing=media",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/platform-server": "^5.2.0",
    "@angular/router": "^5.2.0",
    "@nguniversal/module-map-ngfactory-loader": "^5.0.0-beta.5",
    "aspnet-prerendering": "^3.0.1",
    "bootstrap": "^3.4.1",
    "core-js": "^2.4.1",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "~1.7.0",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  },
  "optionalDependencies": {
    "node-sass": "^4.9.0"
  }
}

любая помощь будет высоко оценена.

Zze

Вы должны увидеть что-то вроде этого в MSBuild:

<Target Name="DebugRunWebpack" BeforeTargets="Build" Condition=" '$(Configuration)' == 'Debug' And !Exists('wwwroot\dist') ">
    <!-- Ensure Node.js is installed -->
    <Exec Command="node --version" ContinueOnError="true">
      <Output TaskParameter="ExitCode" PropertyName="ErrorCode" />
    </Exec>
    <Error Condition="'$(ErrorCode)' != '0'" Text="Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE." />

    <!-- In development, the dist files won't exist on the first run or when cloning to
         a different machine, so rebuild them if not already present. -->
    <Message Importance="high" Text="Performing first-run Webpack build..." />
    <Exec Command="node node_modules/webpack/bin/webpack.js --config webpack.config.vendor.js" />
    <Exec Command="node node_modules/webpack/bin/webpack.js" />
</Target>

<Target Name="PublishRunWebpack" AfterTargets="ComputeFilesToPublish">
    <!-- As part of publishing, ensure the JS resources are freshly built in production mode -->
    <Exec Command="npm install" />
    <Exec Command="node node_modules/webpack/bin/webpack.js --config webpack.config.vendor.js --env.prod" />
    <Exec Command="node node_modules/webpack/bin/webpack.js --env.prod" />

    <!-- Include the newly-built files in the publish output -->
    <ItemGroup>
      <DistFiles Include="wwwroot\dist\**; ClientApp\dist\**" />
      <ResolvedFileToPublish Include="@(DistFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">
        <RelativePath>%(DistFiles.Identity)</RelativePath>
        <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
      </ResolvedFileToPublish>
    </ItemGroup>
</Target>

Это то, что создаст ваш проект angular и поместит его в wwwRootпапку для развертывания, так что вам не придется ng serve.

Эта статья взята из Интернета, укажите источник при перепечатке.

Если есть какие-либо нарушения, пожалуйста, свяжитесь с[email protected] Удалить.

Отредактировано в
0

я говорю два предложения

0обзор
Войти в системуУчаствуйте в комментариях

Статьи по теме

Отрисовка на стороне сервера .NET Core Angular 7

Angular 7 с .net core 2.1 - запуск для конкретной страницы

Публикация объектов из массива в .NET core 2 API из Angular 7

Asp.net Core и Angular 7 Cors

Как развернуть Angular 7 с Net Core API отдельно в Azure

Ошибка неподдерживаемого типа носителя 415 в Angular 7 и .NET Core API

Вход в Google в Angular 7 с .NET Core API

.net core 3.1 c # cors не работает с angular 7

Angular 7: @ разделение angular / core и уменьшение размера пакета приложений

Эмитент недействителен при вызове ASP.NET Core 2.2 из Angular 7 (MSAL)

Выпуск .NET Core 2.1 с angular 7 в веб-приложениях Azure - пытается запустить ng serve

SignalR: уведомление о ходе длительной операции из веб-API ASP.NET Core клиенту Angular 7

Retrieve http response body from .net core API in angular 7

Передача CSV-файла из Angular7 в MVC .Net Core

ASP.NET Core с шаблоном Angular 7 подключается к базе данных SQL Server Express для чтения таблицы

Проблема политики CORS с angular 7 и ASP.NET core 2.2 с использованием SIGNAL R

Как запустить веб-приложение .Net Core на машине с Windows 7?

Как создать отдельную подпись PKCS # 7 с .Net Core?

Модули @ agm / core выдают ошибку в angular 7 'ɵɵdefineInjectable' не был найден в '@ angular / core'

Angular 7: @ angular / core / core не имеет экспортированного члена OpaqueToken

Изменения SQL не отображаются в Angular с .NET Core

.Net Core Angular 4 - дублирование компонента приложения при перекомпоновке пакета

как управлять ролями пользователей и разрешениями в приложении с полным стеком, состоящем из веб-API angular и .net core

Запустите приложение Angular в .Net Core в каталоге, отличном от wwwroot

Решение и структура папок для проекта Angular и Net core API

Вызов отсутствующей конечной точки в .NET Core дает 404, но также ОК в ответ на Angular

.Net Core 2.1 новая версия Angular

Нет поставщика базы данных .Net Core Angular приложение

Ошибка dockerfile шаблона .Net core angular

TOP список

  1. 1

    Распределение Рэлея Curve_fit на Python

  2. 2

    Définition de la valeur par défaut dans le dictionnaire Python si la clé est manquante

  3. 3

    Невозможно отобразить данные модели загрузки Spring в Thymeleaf

  4. 4

    Merging legends in plotly subplot

  5. 5

    Spring Boot Upload Multipart 413 Request Entity Too Large

  6. 6

    Ошибка. Невозможно использовать член экземпляра xxx в инициализаторе свойства.

  7. 7

    Перебирайте несколько столбцов в фрейме данных Panda и находите уникальные значения подсчета

  8. 8

    TypeError: store.getState não é uma função. (Em 'store.getState ()', 'store.getState' é indefinido, como posso resolver esse problema?

  9. 9

    В типе Observable <unknown> отсутствуют следующие свойства из типа Promise <any>.

  10. 10

    Ошибка отладчика кода Visual Studio: «Не удалось найти задачу« gcc build active file »

  11. 11

    np.fft.ifft2 делает изображение полностью черным

  12. 12

    Использование виджетов времени / даты Django в настраиваемой форме

  13. 13

    Ошибки компоновщика в GoogleMobileVision при использовании Firebase ML Kit на iOS без кокаподов

  14. 14

    Вызов выполнения .bat в cmd из Java ничего не делает

  15. 15

    Переопределить некоторые стили класса material-ui, но сохранить стили по умолчанию

  16. 16

    Как добавить Swagger в веб-API с поддержкой OData, работающий на ASP.NET Core 3.1

  17. 17

    Как я могу нарисовать заполненный прямоугольник в JFreeChart?

  18. 18

    Сводная таблица из запроса по месяцам в TeraData

  19. 19

    Обновление строк и столбцов с помощью openpyxl из python

  20. 20

    Чтение данных по строкам в Python с использованием openpyxl

  21. 21

    Как создать переменную с использованием класса Color, который включает только выбранные цвета?

популярныйтег

файл