How to solve (plugin postcss) Error: File to import not found or unreadable: smui-theme. Material UI Svelte project
How to solve (plugin postcss) Error: File to import not found or unreadable: smui-theme. Material UI Svelte project
我正在将 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.
可能是什么问题?
错误意味着您必须有一个名为 _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
插件配置中,如前所示。
注意:如果路径不对,可能会报同样的错误!
我正在将 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.
可能是什么问题?
错误意味着您必须有一个名为 _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
插件配置中,如前所示。
注意:如果路径不对,可能会报同样的错误!