首页 > 解决方案 > 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"
            ]

标签: sassangular7

解决方案


推荐阅读