17장 코드스플리팅 웹팩 설정 관련해서

[Mrchanghao]

지금 17장 코드스플리팅 부분에서 eject 해서 webpack.config.dev.js 파일을 책에 있는대로 수정 했는데 렌더링이 안되고 아래 같은 오류가 뜨는데 어떤 문제가 있고 해결 방법은 없을까요?

./src/index.js
Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/lnl2048/react-book/velopert/react-router-tutorial/node_modules/babel-preset-react-app/index.js
    at Array.map (<anonymous>)
    at Generator.next (<anonymous>)

[jonggyun]

저도 그런데 혹시.. 해결하셨으면 알려주실수 있나요?

[velopert]

일요일 전에 검토해보고 알려드리겠습니다 :) 두분께서 동일한 증상을 겪고있는것으로 보아 버전변화에 따른 오류같아보이기도 하네요..!

[jonggyun]

@velopert 빠른 답변 감사합니다!

[SH5H]

코드스플리팅 부분 다시보는데 저도 같은 오류가 생겼네요. 얼마전 까지는 이런일 없언는데

[SH5H]

yarn 문제인지... eject 후에 babel-loader를 yarn 이 아니라 npm으로 설치하니까 되긴하네요...

[greatfarmer]

@SH5H 님의 조치대로 npm babel-loader 이후 아래와 같은 에러가 발생했습니다.

Error: Cannot find module 'chalk'
    at Function.Module._resolveFilename (module.js:538:15)
    ...

이에 yarn add chalk를 해서 chalk 패키지를 설치해 주니
일단, 에러는 발생하지 않고 React App이 동작했습니다.

[Mrchanghao]

@SH5H 님과 @greatfarmer 님 하신대로 해도 제 에러는 사라지지가 않네여..ㅠㅠ

아 그리고 제 사용 환경입니다

nvm  v0.31.4
node v8.11.1
npm  v6.4.0
yarn v1.7.0

[velopert]

$ yarn add babel-loader@7

를 한번 해보시고, 결과를 알려주세요 :)

그래도 오류가 발생한다면 프로젝트를 깃헙에 올리고 여기에 레포 주소 올려주시면 확인해보겠습니다!

아쉽게도 원인 파악을 제대로 못해서 이번 중쇄 때 반영하지 못할 것 같네요 ㅠㅠ

[Mrchanghao]

@velopert
오잉? 저 버전의 바벨로더를 설치 하니 제대로 렌더링이 되네여? 원인이 그냥 버전 차이에 따른 오류인가여?
일단, 정말 감사합니다!!! ㅎㅎ