我正在尝试使用Polymer 3和HTML样式标签导入组件的样式。
该元素已导入到我的代码中,并显示以下行:
import {MDCTopAppBar} from '@material/top-app-bar/index';
以下代码是我在模板标记内调用组件的地方:
<header class="mdc-top-app-bar mdc-top-app-bar--fixed">
RPS IMS
</header>
然后我按照style标签中的文档使用此代码导入样式:
@import "@material/top-app-bar/mdc-top-app-bar";
当我在Chrome中加载应用程序时,它会在网络请求中返回304代码以进行样式设置。
我也在Safari中尝试过此操作,并收到以下消息: 未解析“ http://localhost:8081/@material/top-app-bar/mdc-top-app-bar”处的样式表,因为在严格模式下不允许使用非CSS MIME类型。
我也在Firefox中收到此控制台错误: 自定义元素:未修补Element#insertAdjacentElement。
我确定您可以收集,我不知道这些错误是否链接在一起,或者这里是否存在一些问题。
任何建议,TY。