angular cli: ng build --bh в IIS не находит таблицы стилей

У меня возникли проблемы с попыткой развернуть приложение angular 2 с помощью angular-cli.

приложение должно быть найдено по адресу "http://DomainName/AppName". В IIS веб-приложение («AppName») в сети «DomainName» указывает на «dist».

самое близкое, что я пришел к тому, чтобы заставить его работать, - это использовать «ng build --bh /AppName/» или «nb build --bh»...

Однако это не вполне работает, потому что даже если компоненты вроде бы работают, таблицы стилей не загружаются... f12 показывает, что браузер получает ошибку 404 при попытке добраться до таких вещей, как :

...DomainName/AppName/include/bootstrap-3.3.7-dist/css/boostrap.min.css

Приложение отлично отображается при использовании ng serve и переходе на localhost: 4200.

Я использую бета 22...

Будем признательны за любую помощь... заранее спасибо!


build angularjs angular-cli
person user2785918    schedule 07.12.2016    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы должны добавить свой сторонний css в angular-cli.json под apps[0].styles, а не связывать их с index.html

ng build свяжет ваши css-файлы в вашу dist-папку

Что-то вроде этого:

"styles": [
  "../node_modules/bootstrap/dist/css/bootstrap.css",
  "styles.css"
],

Подробнее здесь: https://github.com/angular/angular-cli#global-library-installation

Если вы хотите, чтобы ваша папка «include» была частью сборки, убедитесь, что она находится в массиве ресурсов в angular-cli.json.

"assets": [
        "include",
        "assets",
        "favicon.ico"
      ]
person Johan Blomgren    schedule 08.12.2016

arrow_upward
0
arrow_downward

Я попробовал указанное выше исправление, но оно не сработало. Что действительно сработало, так это добавление ссылки href в файл index.html, которая указывала на мою дополнительную таблицу стилей. например <link href="/assets/AngularStyle.css" rel="stylesheet">

Грубо, но эффективно.

person FayeB    schedule 23.08.2017