问题描述
我正在尝试将Material Design layout grid system与Svelte一起使用。
如文档中所述,我们必须使用@use "@material/layout-grid/mdc-layout-grid";
来导入类。我把它放在我的组件中:
<style type='text/scss'>
@use "@material/layout-grid/mdc-layout-grid";
</style>
并尝试了docs中的示例:
<div class="mdc-layout-grid">
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cel">one</div>
<div class="mdc-layout-grid__cell">second</div>
<div class="mdc-layout-grid__cell">third</div>
</div>
</div>
但是什么都没有应用(我在Chrome开发工具的样式标签中选中了)
我尝试使用@import
而不是@use
,但现在出现此错误:
[!] (plugin svelte) Error: Expected digit.
node_modules/@material/layout-grid/mdc-layout-grid.scss 27:22 root stylesheet
stdin 2:11 root stylesheet
有人成功做到了吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)