小编Dor*_*inV的帖子

我花了 4-5 个小时才让 SCSS 与 Vite + Storybook 设置一起工作，我需要你的帮助。当我尝试启动 Storybook 时收到以下错误消息：

ERROR in ./src/styles/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/main.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

故事书main.js

const path = require('path');
module.exports = {
  "stories": [
    "../src/**/*.stories.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials"
  ],
  webpackFinal: async (config) => {
    config.module.rules.push({
      test: /\.scss$/,
      use: ['style-loader', 'css-loader', 'sass-loader'],
      include: path.resolve(__dirname, '../'),
    });

    return config;
  }
}

我正在 Storybook 中导入 SCSS preview.js SCSS 在 Vite 中工作正常，但无法在 Storybook 中加载。

...
import '../src/styles/main.scss'
...

最后是package.json

{
  "name": "X",
  "version": …