[英]How to use custom theme/colors for Svelte Material UI (SMUI) components in Sapper project?
[英]How to solve (plugin postcss) Error: File to import not found or unreadable: smui-theme. Material UI Svelte project
我正在将Material UI集成到 Svelte 项目中。
!] (plugin postcss) Error: File to import not found or unreadable: smui-theme.
node_modules/@smui/tab/_index.scss
Error: File to import not found or unreadable: smui-theme.
可能是什么问题?
该错误意味着您必须有一个名为_smui-theme.scss
的文件才能编译 Sass。
首先确保您的项目中的theme
目录下有_smui-theme.scss
文件。 (我通常放在src/theme/_smui-theme.scss
)
然后你必须像这样将它添加到你的汇总插件的postcss
配置中:
import postcss from 'rollup-plugin-postcss';
export default {
...
plugins: [
svelte({
...
}),
....
postcss({
extract: true,
minimize: true,
use: [
['sass', {
includePaths: [
'./src/theme', <<< ------------ HERE
'./node_modules'
]
}]
]
}),
...
};
确保theme
目录很好地包含在postcss
插件配置中,如前所示。
注意:如果路径不对,你可能会收到同样的错误!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.