CSS导入样式问题

时间:2019-04-08 19:42:29

标签: javascript css polymer polymer-3.x

我正在尝试使用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。

0 个答案:

没有答案