0

我使用 Angular Material(均为 10.0.1 版本)创建了一个 Angular 项目。在开发模式下一切正常,但在生产模式下我看不到我的垫卡。但是,我可以点击它们,所以它们实际上就在那里。当我单击它们时,它们会做他们必须做的事情,因此该功能也可以正常工作。

它应该是什么样子: 在此处输入图像描述

它的实际外观: 在此处输入图像描述

这是我创建的.component.html:

<a routerLink="/add/info" routerLinkActive="active">
<mat-card class="add">
    <div class="text-right">
        <i class="material-icons noselect">add_circle_outline</i>
    </div>
    <div class="red-box noselect">
        <div class="box-text noselect">
            create
        </div>
    </div>
</mat-card>

这里是我的 homepage.component.html:

<body>
<div fxLayout="row wrap" fxLayoutAlign="space-between center" >
    <div fxFlex>
        <app-create></app-create>
    </div>
    <div fxFlex="50">
        <app-search></app-search>
    </div>
    <div fxFlex>
        <app-all></app-all>
    </div>
</div>

你知道什么会影响这种行为吗?你还需要知道什么来帮助我吗?

让我知道。谢谢!

PS:我在生产模式下也收到此冲突消息: 冲突:多个资产向相同的文件名 3rdpartylicenses.txt 发出不同的内容

已解决:实际上我的 mat-card 具有“不透明度:90%”,但在生产模式下它已更改为“不透明度:1%”。

4

0 回答 0