如何解决(插件postcss)错误:找不到要导入的文件或无法读取:smui主题.Material UI Svelte 项

Question

我正在将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.

可能是什么问题？

Answer 1

该错误意味着您必须有一个名为_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插件配置中，如前所示。

注意：如果路径不正确，您可能会收到相同的错误！