时间戳

首页 > 解决方案 > ng serve 和 ng build 在风格上给出了不同的结果

javascript - ng serve 和 ng build 在风格上给出了不同的结果

问题描述

我正在设置一个 Django 后端并使用 Angular 作为前端。我对此很陌生，如果这是一个简单的问题，我很抱歉。我在上面找不到任何东西。我正在通过使用ng serve和访问来测试 Angular 的样式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 服务，右为 ng build

标签： javascriptangular

解决方案

我发现了这个问题。我在索引文件中有这个，它覆盖了我在角度中拥有的内容。

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

删除它，它的工作原理:)

推荐阅读