Angular 6: Как использовать css и js файлы из cshtml страниц mvc в проекте Angular - PullRequest
Новая
       1

Angular 6: Как использовать css и js файлы из cshtml страниц mvc в проекте Angular

0 голосов
/ 03 июня 2019

Я пытаюсь перенести проект MVC в Angular 6. У меня есть CSS-файлы и JS-файлы в коде Chtml, которые используются в приложении MVC, как показано ниже: 

<link rel="stylesheet" href="~/OptumFiles/fonts-clientlibs-global.min.css" type="text/css">
<link rel="stylesheet" href="~/OptumFiles/optum-clientlibs-global.min.css" type="text/css">
<script async="" src="~/OptumFiles/analytics.js"></script>
<script async="" src="~/OptumFiles/js.js"></script>

Теперь я хочу использовать эти файлы в своем угловом проекте по всему миру.

Вещи, которые я пробовал :

  • Создана папка FICAssets в проекте Angular.
  • Добавлены файлы в эту папку.
  • Добавлены их ссылки в файл index.html.

Код в index.html: 

    <body>
    <link rel="stylesheet" type="css" href="FICAssets/css/fonts-clientlibs-global.min.css">
    <link rel="stylesheet" type="css" href="FICAssets/css/optum-clientlibs-global.min.css">
    <script src="FICAssets/js/analytics.js"></script>
    <script src="FICAssets/js/js.js"></script>
  <app-root></app-root>
</body>

Проблема в том, что я все еще не могу загрузить файлы, получая ошибку 404.

enter image description here

Ответы [ 2 ]

1 голос
/ 03 июня 2019

Активы не магические, их нужно объявлять как таковые.

Откройте файл angular.json. Найди путь

projects.YourProjectName.architect.build.options.assets

И оттуда добавьте в нее заявленную папку. Это должно держать активы, когда проект выполняется.

0 голосов
/ 03 июня 2019
  1. откройте ваш angular.json.
  2. добавьте стиль в "styles": []
  3. добавьте скрипт в "scripts": []

ссылка: - https://www.truecodex.com/course/angular-6/how-to-include-external-css-and-js-file-in-angular-6-angular-7

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...