투자유의 개발 블로그

CRA 업그레이드 이후 caver-js import 시 에러가 발생하는 것처럼 Next.js에서도 웹팩5를 사용하기 때문에 에러가 발생하는 것 같습니다. Next 버전 다운그레이드 npm i next@11.x 웹팩 설정 다운그레이드 // next.config.js module.exports = { webpack5: false, reactStrictMode: true, ... }, webpack: (config, { isServer }) => { if (!isServer) { config.node = { fs: "empty", }; } config.module.rules.push({ test: /\.svg$/, use: ["@svgr/webpack"], }); return config; }, }; 참고 1..

CRA 오류 해결 방법 2021년 12월 15일 react의 create-react-app 의 버전이 4에서 5로 바뀌면서 이로 인해 caver.js 가 영향을 받았습니다. 방법 1 # node 버전은 14 $ npx clear-npx-cache $ npm uninstall -g create-react-app $ yarn global remove create-react-app $ npx clear-npx-cache $ npx create-react-app --scripts-version 4.0.3 klay-market 이후 package.json의 "react-scripts": "4.0.3" 부분이 나오면 문제없이 진행되는 것으로 확인되었습니다. 혹시 이후에도 안될 시에는 아래 package.json 을..

CRA 업데이트 이후 node 코어 모듈 관련 에러 발생 CRA에서 '21.12.14 업데이트 이후 webpack5를 지원하면서 node 코어 모듈(fs, http, stream 등)을 사용하는 패키지들의 import 시 에러가 발생하는 것 같다. caver-js를 import 했더니 10여 개의 에러가 발생했다. Manual React Setup(Wepack4) CRA를 사용하지 않고, React를 manual하게 셋업 후 Webpack4로 번들링하니까 caver-js import가 정상적으로 되었다. 당분간 위와 같은 에러가 발생해서 Manual로 리액트 셋업을 해야할 때는 오늘 작업한 깃헙의 init 커밋을 복사해서 사용해야 겠다. https://github.com/Hyun2/klaytn-nft-m..