sass - Angular7生产构建css有时不加载
问题描述
我们在 apache 服务器中部署了由 (ng build --prod) 生成的 angular 7 生产版本,有时 css 未加载,因此网站设计中断。请建议如何解决此问题
app.component.html
<main class="main-container">
<app-header></app-header>
<ngx-spinner
bdColor = "rgba(51, 51, 51, 0.8)"
size = "medium"
color = "#047bf8"
type = "ball-clip-rotate">
</ngx-spinner>
<section class="inner-container">
<router-outlet (activate)="onActivate($event)"></router-outlet>
</section>
<app-footer></app-footer>
</main>
angular.json 组件
"assets": [
"src/favicon.ico",
"src/robots.txt",
"src/sitemap.xml",
"src/google657942afe23b31db.html",
"src/assets",
"src/.htaccess"
],
"styles": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
"node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
"node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
"node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
"node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
"node_modules/angular-bootstrap-md/scss/mdb-free.scss",
"src/styles.css",
"node_modules/font-awesome/css/font-awesome.css"
],
"scripts": [
"src/assets/js/tawk.js",
"src/assets/js/smart-look.js",
"src/assets/js/ga.js",
"node_modules/chart.js/dist/Chart.js",
"node_modules/hammerjs/hammer.min.js"
]
解决方案
推荐阅读
- ruby-on-rails - X时间过去后如何使Ruby超时HTTP请求
- paraview - 在后台使用 ParaView API 构建桌面应用程序
- wpf - 如何获取绑定到 ListView 作为 ItemSource 的列表?
- java - 自定义硬件按钮事件/意图
- python - 在 Pandas Dataframe 上分组并使用 APPLY 和 MAX 操作
- python - 如何在python,pandas中获取特定的数据点
- html - 我的文本框中的文本与左侧中心对齐。我该如何删除这个?
- gatsby - Gatsbyjs,如何使 build cmd 使用缓存的先前生成的静态文件?
- amazon-web-services - 使用 AWS CloudFormation 设置 S3 存储桶级事件
- php - 卷曲 Instagram api。我的头像不显示