sass - 如何解决(插件 postcss)Error : File to import not found or unreadable: smui-theme. Material UI Svelte 项目

Question

我正在整合 Material UI进入 Svelte 项目。

我关注 documentation 中的所有内容，但在运行我的项目时出现此错误:

!] (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。

首先确保你有文件 _smui-theme.scss在您的项目中 theme目录。
(我通常放在 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 中插件配置如前所示。

注意:如果路径不对，你可能会收到同样的错误!