使用具有Svelte，Rollup和Sass的Material Design Layout Grid

编程问答 2022-08-13

问题描述

我正在尝试将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 (将#修改为@）

grid-layoutmaterial-designrollupjssasssvelte