learning-react icon indicating copy to clipboard operation
learning-react copied to clipboard

20.3 서버 사이드 렌더링 - css-loader에서 'onlyLocals' 속성이 없다는 오류

Open ppk212 opened this issue 4 years ago • 1 comments

20.3 서버 사이드 렌더링 진행 도중에 p556에서 빌드를 진행하게 되면 css-loader에서 'onlyLocals' 속성이 없다는 오류가 발생하였습니다.

image

해결방법 css-loader 3.0 버전에서 속성이 바뀌어서 생기는 오류이며 config/webpack.config.server.js 에서 css-loader 부분을 다음과 같이 변경해주면 됩니다. (p549 참고)

{ test: cssRegex, exclude: cssModuleRegex, loader: require.resolve('css-loader'), options: { modules: { exportOnlyLocals: true }, } }, { test: cssModuleRegex, loader: require.resolve('css-loader'), options: { modules: { exportOnlyLocals: true }, getLocalIdent: getCSSModuleLocalIdent } },

ppk212 avatar Nov 11 '20 01:11 ppk212

https://github.com/velopert/learning-react/blob/master/_old_corrections/%EA%B0%9C%EC%A0%95%ED%8C%90-4%EC%87%84.md#20302-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-pg548---550

여기를 참고해주시면 됩니다.

velopert avatar Jan 31 '21 09:01 velopert