首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用AOT构建时,角度材质标签不会浮动

使用AOT构建时,角度材质标签不会浮动
EN

Stack Overflow用户
提问于 2019-12-07 04:34:07
回答 1查看 335关注 0票数 0

我已经搜索了一段时间,看看是否有人遇到过这个错误,但没有结果。我最近将我的网站升级到了Angular 8,并开始使用Angular CLI,而不是webpack。最后,我使用--aot标志运行了一个产品构建,发现了一些奇怪的行为,其中的角度材质标签没有像往常那样浮动。我的浏览器中也没有任何控制台错误。

`

代码语言:javascript
运行
复制
<mat-form-field appearance="outline" floatLabel="always">
    <mat-label>{{ label || 'User' }}</mat-label>
    <input matInput spellcheck="false" [formControl]="userInputControl">
    <mat-icon matPrefix style="cursor: pointer; margin-right: 10px;">search</mat-icon>
    <mat-icon matSuffix style="cursor: pointer;" (click)="updateUserListSettings()">person</mat-icon>
    <mat-hint>Search using User ID, Name, or Email Address</mat-hint>
</mat-form-field>
<mat-form-field class="te-form-225" appearance="outline">
    <mat-label>Role Class</mat-label>
    <mat-select [(ngModel)]="filterRoleClass" (selectionChange)="filterRoles()">
        <mat-option *ngFor="let rc of roleClasses" [value]="rc">{{ rc | titleCase }}</mat-option>
    </mat-select>
</mat-form-field>

Angular CLI: 8.3.20
Node: 12.13.1
OS: win32 x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.10
@angular-devkit/build-angular     0.803.10
@angular-devkit/build-optimizer   0.803.10
@angular-devkit/build-webpack     0.803.10
@angular-devkit/core              8.3.10
@angular-devkit/schematics        8.3.20
@angular/cdk                      8.2.3
@angular/cli                      8.3.20
@angular/material                 8.2.3
@ngtools/webpack                  8.3.10
@schematics/angular               8.3.20
@schematics/update                0.803.20
rxjs                              6.5.3
typescript                        3.5.3
webpack                           4.41.1
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-12-09 23:05:54

我最终通过将build -> options -> extractCss的angular.json文件设置更改为false来解决我自己的问题。

在看到这个解决了这个问题之后,我对这个特定的标志做了更多的研究,发现这个问题在Angular CLI中已经存在很长一段时间了,这里记录了-> https://github.com/angular/angular-cli/issues/8577

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59219994

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档