Sass在苗条和故事书中不起作用

Sass在苗条和故事书中不起作用,sass,material-design,svelte,storybook,Sass,Material Design,Svelte,Storybook,我正在Svelte上使用googlematerial,感谢上帝终于成功地让它工作了。现在,我在一个单独的代码库中创建了它。另一方面,我实际上是在为StorybookJS中的不同组件创建一个单独的代码库。因此,当我移植我的工作代码库(实际上是复制粘贴组件)时,我正在测试的按钮就不再工作了。我检查了我需要的所有必要的npm安装,一切都很好 但是现在,当我在浏览器上检查开发工具(我使用的是Brave)时,我发现了以下错误: 拒绝应用来自的样式'http://localhost:60809/theme-

我正在
Svelte
上使用
googlematerial
,感谢上帝终于成功地让它工作了。现在,我在一个单独的代码库中创建了它。另一方面,我实际上是在为
StorybookJS
中的不同组件创建一个单独的代码库。因此,当我移植我的工作代码库(实际上是复制粘贴组件)时,我正在测试的按钮就不再工作了。我检查了我需要的所有必要的npm安装,一切都很好

但是现在,当我在浏览器上检查
开发工具
(我使用的是
Brave
)时,我发现了以下错误:

拒绝应用来自的样式'http://localhost:60809/theme-mui.scss”,因为它的MIME类型(“text/html”)不是受支持的样式表MIME类型,并且启用了严格的MIME检查。


上面错误中提到的我的主题mui.scss是我的
谷歌材料
的初始值设定项,用于
苗条
(或其他框架)。我试图传输上述
scss
文件,但没有成功。我按照我单独的代码库中的安装说明进行操作,但它仍然不起作用。我试着从
故事书
中使用这个来跟踪sass配置,但仍然没有成功。可能出了什么问题

你使用Webpack应用程序还是汇总?这是个好问题。我想因为
Svelte
,我正在使用rollup。为了让sass工作,你需要在rollup中添加一个插件。许多人似乎使用了
苗条的预处理
。当你使用这个插件时,你可以给它一个
scss
选项来使用sass。你可以在这里找到更多信息:我已经安装了一个
svelte preprocess
,但仍然是一样的。你是使用Webpack应用还是汇总?这是个好问题。我想因为
Svelte
,我正在使用rollup。为了让sass工作,你需要在rollup中添加一个插件。许多人似乎使用了
苗条的预处理
。当你使用这个插件时,你可以给它一个
scss
选项来使用sass。你可以在这里找到更多信息:我已经安装了一个
svelte预处理程序
,但仍然是一样的。