Cannot read property 'slice' of undefined - paths.servedPath.slice 오류 해결(feat. 리액트를 다루는 기술 개정판 p.548, 552)

p.546~p.551까지 열심히 막일을 거쳐서 웹팩 서버 사이드 렌더링 설정 관련 소스를 작성하였는데 에러 발생

slice가 없단다, 응?

paths.servedPath에 대하여 slice 함수를 사용할 수 없는 것으로 보아 servedPath가 문제가 있다고 생각.

그리하여 paths.js를 확인해보니

누구냐 넌?

servedPath는 어디갔는지 없다. 

책 p.547을 보면 publicUrl과 servedPath가 있는데 20.05.04일 기준으로 CRA로 생성한 프로젝트엔 저 2가지가 없고 그 대체자로 보이는 publicUrlOrPath란 놈이 있다. 왠지 이 녀석일 것 같아서 아래와 같이 수정 후 다시 빌드.

webpack.config.server.js 수정

이렇게~

build.server.js 빌드 결과

깔끔

제대로 고친 것?

일단 고쳐보니 잘 되긴 하였지만 그래도 정상적으로 고친 것인지 검색해보니 누군가 이미 질문을 하였고 해결된 문제였다....

https://github.com/velopert/learning-react/issues/259

20.3 서버사이드 렌더링 구현에서 수정 사항이 있습니다 · Issue #259 · velopert/learning-react