类型不存在属性“ flex”

Question

每当我尝试使用cordova构建ionic4应用程序时都会出错。使用 ionic serve 来提供此应用程序时，或者如果我仅使用 npm run build 甚至甚至是 ionic build cordova android 对其进行编译（不带--prod ）我没有任何问题。但是每当我跑步时：

ionic build cordova android --prod 

我收到以下错误：

Property 'flex' does not exist on type 'Page'
an error occured while running sub process ng

我认为这是在抱怨：

 <ngx-datatable [headerHeight]="50"  [footerHeight]="100" [rows]="rows" class="bootstrap" [columnMode]="flex">

我尝试这样做：

 <ngx-datatable [headerHeight]="50"  [footerHeight]="100" [rows]="rows" class="bootstrap" [columnMode]="'flex'">

它可以编译，但是不能正确显示我的表。

带有[columnMode] =“ flex”而不是--prod

带有[columnMode] =“'flex'”和--prod

Answer 1

第二个是正确的：

<ngx-datatable [headerHeight]="50"  [footerHeight]="100" [rows]="rows" class="bootstrap" [columnMode]="'flex'">

因此，您需要更详细地说明“无法正确渲染我的表”。

以我对ngx-datatable的体验，您必须设置所有内容的高度，以使其显示精美。这是我正在使用的项目的片段：

<ngx-datatable #table class="material expandable striped" [rows]="rows" [rowClass]="getRowClass"
    [rowHeight]="'auto'" [headerHeight]="'auto'" [columnMode]="'flex'" [reorderable]="false"
    [messages]="messages">

此外，如果您使用的是类名，请确保将代码段放置在global.scss中，而不是在页面级scss文件中。否则，它们可能会陷入Angular样式命名空间中。