Как решить (плагин css) Ошибка: файл для импорта не найден или не читается: smui-theme. Материал UI Svelte проекта

Question

Я интегрирую Материал 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.

Сначала убедитесь, что у вас есть файл _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, как показано выше.

Примечание: если путь указан неверно, вы можете получить ту же ошибку!