如何解决（插件 postcss）错误：找不到或无法读取要导入的文件：smui-theme. Material UI Svelte 项目

Posted 2023-02-19

【中文标题】如何解决（插件 postcss）错误：找不到或无法读取要导入的文件：smui-theme. Material UI Svelte 项目

【英文标题】：How to solve (plugin postcss) Error: File to import not found or unreadable: smui-theme. Material UI Svelte project

【发布时间】：2020-05-16 13:34:53

【问题描述】：

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

可能是什么问题？

【参考方案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 插件配置中，如前所示。

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