Проблема стилей CSS на сервере Cumulocity - PullRequest
Новая
       17

Проблема стилей CSS на сервере Cumulocity

1 голос
/ 02 апреля 2019

Я развернул свой проект angular 7 на сервере cumulocity. Нет ошибок при создании и развертывании приложения. Но CSS-стили Bootstrap работают неправильно.

В package.json я упомянул эти зависимости. "@ c8y / ngx-components": "1004.2.0", "@ c8y / style": "1004.2.0", "@ ng-bootstrap / ng-bootstrap": "^ 4.1.0",

enter image description here

1 Ответ

0 голосов
/ 05 апреля 2019

В новом Angular Web SDK команда Cumulocity переключилась на ngx-bootstrap .Он включен в ngx-компоненты, поэтому добавлять его не нужно.

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

  1. Добавьте запись о брендинге в package.json: 
"c8y": {
    "application": {
      "name": "tutorial application",
      "contextPath": "tutorial-application",
      "key": "tutorial-application-key",
      "brandingEntry": "./branding/branding.less",
      "globalTitle": "Pied Piper IoT",
      "tabsHorizontal": true
    }
  }
Затем добавьте в этот файл стили @ c8y и начальную загрузку: 
@import '~@c8y/style/extend.less';
@import '~yourpatt/to/boostrap.css';
...