Sass 如何在Sapper项目中为苗条材质UI（SMUI）组件使用自定义主题/颜色？

我在Sapper项目中使用了苗条材质UI（SMUI）

如果我将

src/theme/_SMUI-theme.scss

留空，我可以导入并使用带有默认主题/颜色的SMUI组件。当我在此文件中包含SMUI建议使用自定义颜色的以下代码时，它告诉我

找不到要导入的样式表。

@use "@material/theme" with (
    $primary: #5466F9,
    $secondary: #14a564,
    $surface: #fff,
    $background: #fff
);

---

我可以确认

@material/theme

目录确实存在于node_模块中。有人能帮我理解为什么这会导致这样的错误吗？谢谢

这似乎与GitHub问题跟踪器上的问题相同：

解决方案应该是删除

node_模块

和

package lock.json

并重新安装

rm -r node_modules
rm package-lock.json
npm install

---

苗条的材料用户界面最近进行了更新（提高了性能！），最新的Sapper工作良好。如果您正在处理Sapper应用程序中的类似错误，我建议您执行以下步骤：

卸载汇总插件postss和sass

卸载v2 SMUI组件，例如

npm uninstall@SMUI/textfield

安装v3 SMUI组件，例如npm安装--save dev@SMUI/textfield

请遵循上述sapper的安装说明

这修正了允许我在

src/theme/\u smui-theme.scss

对于非工兵项目。这是赛珀的灵感超越了上面的修复。感谢SMUI的创造者亨特，他帮助修复了这个问题，并提供了一个很棒的库