Module not found: Can't resolve 'style' Module not found: Can't resolve 'style' reactjs reactjs

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.