Module not found: Can't resolve 'style'
It is saying that dependency is not found for the specific loader. You can resolve it by doing following
yarn add style-loader css-loader sass-loader
Modify your loader config as following:
{ test: /\.scss$/, include: paths.appSrc, loaders: [ require.resolve('style-loader'), require.resolve('css-loader'), require.resolve('sass-loader') ] }
This should get scss working.
I had a same problem and I found working solution.
please add these lines of code in "rules" array of your Webpack config file.
{ test: /\.sass$/, include: paths.appSrc, use: [ require.resolve('style-loader'), { loader: require.resolve('css-loader'), options: { importLoaders: 1, }, }, { loader: require.resolve('sass-loader') } ] },
and for your information,@import "path/to/sass.file" if you use import statement in one of your sass files and import "path/to/sass.file" for your react component.
Hope this would work well for you too.