Question

我在玉器项目上遇到了问题。

当我使用节点 index.js 部署以下代码时，输出正确。但是当我使用 pm2 输出部署时，html会有所不同，因此无法正常显示。

include template/header.jade
  .content-wrapper
    h3.page-heading.mb-4 Dashboard
    .row
      .col-xl-3.col-lg-3.col-md-3.col-sm-6.mb-4
        .card.card-statistics
          .card-body
            .clearfix
              .float-left
                h4.text-danger
                  i.fa.fa-bar-chart-o.highlight-icon(aria-hidden='true')
              .float-right
                p.card-text.text-dark Visitors
                h4.bold-text 65,650
            p.text-muted
              i.fa.fa-exclamation-circle.mr-1(aria-hidden='true')
              |  65% lower growth
      .col-xl-3.col-lg-3.col-md-3.col-sm-6.mb-4
        .card.card-statistics
          .card-body
            .clearfix
              .float-left
                h4.text-warning
                  i.fa.fa-shopping-cart.highlight-icon(aria-hidden='true')
              .float-right
                p.card-text.text-dark Orders
                h4.bold-text 656
            p.text-muted
              i.fa.fa-bookmark-o.mr-1(aria-hidden='true')
              |  Product-wise sales
      .col-xl-3.col-lg-3.col-md-3.col-sm-6.mb-4
        .card.card-statistics
          .card-body
            .clearfix
              .float-left
                h4.text-success
                  i.fa.fa-dollar.highlight-icon(aria-hidden='true')
              .float-right
                p.card-text.text-dark Revenue
                h4.bold-text $65656
            p.text-muted
              i.fa.fa-calendar.mr-1(aria-hidden='true')
              |  Weekly Sales
      .col-xl-3.col-lg-3.col-md-3.col-sm-6.mb-4
        .card.card-statistics
          .card-body
            .clearfix
              .float-left
                h4.text-primary
                  i.fa.fa-twitter.highlight-icon(aria-hidden='true')
              .float-right
                p.card-text.text-dark Followers
                h4.bold-text +62,500
            p.text-muted
              i.fa.fa-repeat.mr-1(aria-hidden='true')
              |  Just Updated
    .row
      .col-md-5.mb-4
        .card
          .card-body
            h5.card-title Orders
            .row
              .col-12
                .mb-4
                  p.card-text.text-muted.mb-2 Pending orders
                  .progress.progress-slim
                    .progress-bar.bg-primary(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
                .mb-4
                  p.card-text.text-muted.mb-2 Shipped orders
                  .progress.progress-slim
                    .progress-bar.bg-success(role='progressbar', style='width: 55%', aria-valuenow='55', aria-valuemin='0', aria-valuemax='100')
                .mb-4
                  p.card-text.text-muted.mb-2 Returned orders
                  .progress.progress-slim
                    .progress-bar.bg-warning(role='progressbar', style='width: 35%', aria-valuenow='35', aria-valuemin='0', aria-valuemax='100')
                .mb-4
                  p.card-text.text-muted.mb-2 Cancelled orders
                  .progress.progress-slim
                    .progress-bar.bg-danger(role='progressbar', style='width: 85%', aria-valuenow='85', aria-valuemin='0', aria-valuemax='100')
                .mb-4
                  p.card-text.text-muted.mb-2 Cancelled orders
                  .progress.progress-slim
                    .progress-bar.bg-info(role='progressbar', style='width: 85%', aria-valuenow='85', aria-valuemin='0', aria-valuemax='100')
              .col-12
                p.text-muted.mb-0
                  | Note: Order details get updated every 10 minutes
      .col-md-4.mb-4
        .card
          .card-body
            h5.card-title Total Sales
            .custom-legend-container.w-75.mx-auto
              canvas#sales-chart
            #sales-chart-legend.legend-right
      .col-md-3.mb-4
        .card
          .card-body
            h5.card-title Sales region
            .table-responsive.table-sales
              table.table
                thead
                  tr
                    th(colspan='2')
                      | Country
                    th.text-right
                      | Sales
                tbody
                  tr
                    td
                      .flag
                        i.flag-icon.flag-icon-us
                    td USA
                    td.text-right
                      | 2.920

                  tr
                    td
                      .flag
                        i.flag-icon.flag-icon-ro
                    td Romania
                    td.text-right
                      | 600
                  tr
                    td
                      .flag
                        i.flag-icon.flag-icon-br
                    td Brasil
                    td.text-right
                      | 550
    .card-deck
      .card.col-lg-12.px-0.mb-4
        .card-body
          h5.card-title Last Billings
          .table-responsive
            table.table.center-aligned-table
              thead
                tr.text-primary
                  th Order No
                  th Product Name
                  th Purchased On
                  th Shipping Status
                  th Payment Method
                  th Payment Status
                  th
                  th
                  th
              tbody
                tr
                  td 034
                  td Iphone 7
                  td 12 May 2017
                  td Dispatched
                  td Credit card
                  td
                    label.badge.badge-success Approved
                  td
                    a.btn.btn-outline-success.btn-sm(href='#') View Order
                  td
                    a.btn.btn-outline-warning.btn-sm(href='#') Cancel

                tr
                  td 038
                  td Mac Mini
                  td 19 May 2017
                  td Dispatched
                  td Debit card
                  td
                    label.badge.badge-success Approved
                  td
                    a.btn.btn-outline-success.btn-sm(href='#') View Order
                  td
                    a.btn.btn-outline-warning.btn-sm(href='#') Cancel
include template/footer.jade

如何使用包含管理？

感谢所有帮助。我尝试过很多缩进和缩进。但没有什么效果。

jade输出问题：index.js和pm2上的结果不同

0 个答案: