ng serve и ng build дают разные результаты в стиле

Question

Я настраиваю бэкэнд Django и использую Angular в качестве внешнего интерфейса.Я довольно новичок в этом, так что извините, если это простой вопрос.Я ничего не мог найти на этом.Я тестирую стиль для Angular, используя ng serve и получая доступ к localhost:4200.Наконец-то я понял, как я хочу, и затем я запускаю ng build, чтобы поместить статический файл в django / heroku, и стилизация полностью отключена!Я попытался сделать ng build --aot, но это тоже не сработало.

Я проверил элементы в консоли между встроенным и обслуживаемым, я вижу, что font weight изменился с 700 на bold,Цвет контейнера от #fff до white.но больше всего это отталкивает "Pseudo ::before element" и "Pseudo ::after element".Некоторые из других областей даже полностью изменили шрифт.Один из ng serve имеет шрифт inherited from body "Montserrat", другой из ng build имеет шрифт inherited from body, но он зачеркнут?Я привел картинку в качестве примера.

Слева для ng serve, справа для ng build

Answer 1

use this command npm install bootstrap@3.3.7
 and add bootstrap package in angular.json

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "styles.scss"
]
if any problem related to style then go to this link
https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/

Answer 2

Я нашел проблему.У меня было это в индексном файле, который переписывал то, что у меня было в angular.

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

Удалил это, и оно работает:)