Fixing css-loader/locals error

olliecurtis · olliecurtis · commit 5ccced7f8547 · 2020-08-14T14:21:46.000+01:00
diff --git a/packages/react-scripts/config/webpack.config.ssr.js b/packages/react-scripts/config/webpack.config.ssr.js
@@ -113,8 +113,11 @@ module.exports = function(webpackEnv) {
       //     : {},
       // },
       {
-        loader: require.resolve('css-loader/locals'),
-        options: cssOptions,
+        // Since v2.0.0 css-loader/locals was removed in favour of exportOnlyLocals option
+        // So adding the option here in replacement as per 
+        // https://github.com/webpack-contrib/css-loader#exportonlylocals
+        loader: require.resolve('css-loader'),
+        options: {...cssOptions, exportOnlyLocals: true},
       },
       {
         // Options for PostCSS as we reference these options twice

Original file line number	Diff line number	Diff line change
`@@ -113,8 +113,11 @@ module.exports = function(webpackEnv) {`
`113`	`113`	`// : {},`
`114`	`114`	`// },`
`115`	`115`	`{`
`116`		`- loader: require.resolve('css-loader/locals'),`
`117`		`- options: cssOptions,`
	`116`	`+ // Since v2.0.0 css-loader/locals was removed in favour of exportOnlyLocals option`
	`117`	`+ // So adding the option here in replacement as per`
	`118`	`+ // https://github.com/webpack-contrib/css-loader#exportonlylocals`
	`119`	`+ loader: require.resolve('css-loader'),`
	`120`	`+ options: {...cssOptions, exportOnlyLocals: true},`
`118`	`121`	`},`
`119`	`122`	`{`
`120`	`123`	`// Options for PostCSS as we reference these options twice`