Unable to run storybook after updating to 5.x, using css modules and sass.

[Tasemu]

Describe the bug
When running storybook after upgrading to the latest version, i get console errors stating that it cannot understand my .module.scss files

To Reproduce
Run npm run storybook in CRA app

Expected behavior
Runs storybook

Screenshots

Code snippets
webpack.config.js within .storybook

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    {
                        loader: require.resolve('style-loader')
                    },
                    {
                        loader: require.resolve('css-loader'),
                        options: {
                            modules: true
                        }
                    }
                ]
            },
            {
                test: /\.scss$/,
                use: [
                    {
                        loader: require.resolve('style-loader')
                    },
                    {
                        loader: require.resolve('css-loader'),
                        options: {
                            modules: true
                        }
                    },
                    {
                        loader: require.resolve('sass-loader')
                    }
                ]
            },
            {
                test: /\.(png|jpg|gif|svg)$/,
                use: [
                    {
                        loader: require.resolve('url-loader'),
                        options: {
                            limit: 8192
                        }
                    }
                ]
            }
        ]
    }
};

System:

Environment Info:

  System:
    OS: macOS Mojave 10.14.6
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 10.17.0 - ~/.nvm/versions/node/v10.17.0/bin/node
    npm: 6.13.6 - ~/.nvm/versions/node/v10.17.0/bin/npm
  Browsers:
    Chrome: 79.0.3945.130
    Safari: 13.0.4
  npmPackages:
    @storybook/addon-actions: ^5.3.9 => 5.3.9 
    @storybook/addon-links: ^5.3.9 => 5.3.9 
    @storybook/addons: ^5.3.9 => 5.3.9 
    @storybook/react: ^5.3.9 => 5.3.9 

Additional context
Add any other context about the problem here.

[shilman]

cc @mrmckeb

[mrmckeb]

Hi @Tasemu, are you using the new external preset for CRA? If not, please give that a go - and remove your custom Webpack config as it will conflict :)

Sorry for the long delay, I was abroad.

[mrmckeb]

Hi @Tasemu, is this still an issue or can we close this off? Thanks!

[ionab]

@mrmckeb following as I have the same issue but using CRA.

My sass/scss is working fine from within this repository, however storybook build fails when I try to use a package from my node_modules where there is scss involved.

Private repo for now or I'd share appologies.

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[stale]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!