| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- React
- miniconda
- CSS
- Ai
- 배포
- Remix
- 오블완
- docker
- jquery
- polygon
- pagination
- chatGPT
- 공연티켓
- Python
- Kaikas
- NextJS
- nginx
- netfunnel
- 라라벨
- Laravel
- WSL
- metamask
- 티스토리챌린지
- 블록체인
- nft
- threejs
- node
- nodejs
- exceljs
- 회고
- Today
- Total
박주니 개발 정리
caver-js 실행이 안된다면 본문
caver-js 가 안되는 이유는
1. npm으로 시작했을 경우
2. react-scripts 버전이 5이상일 경우
1번은 제가 개인적으로 react-scripts 버전을 4버전으로 설정하고 npm으로 시도해봤지만 충돌이 계속되었는데 yarn으로 변경하고 난 이후에는 해결이 돼서 환경셋팅을 yarn 변경도 추가했습니다.
yarn start가 안될 경우
참고자료)
https://songjang.tistory.com/31
[VSCode] "~\npm\yarn.ps1 파일을 로드할 수 없습니다." .ps1 에러
docker-compose 를 활용한 react 및 nodejs express 배포 옛날 spring, jsp 시절에는maven(or gradle) 빌드로 나온 war 결과를 tomcat 에 배포하면 쉽게 배포가 되었다. 하지만 react 와 nodejs express 를 개발하..
songjang.tistory.com
위에 티스토리에 적으신 분이 설명을 자세하고 친절하게 알려주셔서 바로 들어가셔서 참고하시면 좋으실 거 같습니다. 똑같이만 따라해도 yarn start가 정상적으로 실행되실겁니다.
react-scripts 버전이 5이상일 경우
- webpack < 5 used to include polyfills for node.js core modules by default. 에러가 발생했을 경우
- 설명) 단순하게 webpack 5버전 이상은 호환되기 어렵다는 것입니다. 그래서 버전을 낮춰서 실행시키는 방법으로 접근하시면 됩니다.
- 접근 방법)
- webpack에서 react-scripts 버전 확인 => 보통 이런 에러가 나오면 5버전이상이기 때문에 다음 단계 실행하시면 됩니다 .
- react-scripts 4.0.3 버전을 다시 설치합니다.
- 접근 방법)
[Webpack] BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default
해당 튜토리얼을 진행하다가 발생한 에러입니다. create-react-app으로 리액트 프로젝트 생성 후, useEffect() 안에 web3 실행시키는 코드 작성하고 yarn start 했더니, 낭자하는 에러들.... 좌우간 여기서 중
velog.io
yarn 버전으로 설명)
- yarn remove react-scripts
- 현재 설치된 react-scripts를 제거합니다.
- yarn add react-scripts@4.0.3
- react-scripts 4.0.3 버전으로 다시 설치합니다.
주의) webpack을 4버전으로 낮추었기 때문에 그전에 버전에 맞춰진 요소들이 에러가 발생되는 것을 볼 수 있습니다. 그럼 단순하게 package-lock.json, node_modules을 제거하고 다시 yarn install을 하면 react-scripts@4.0.3에 맞게 셋팅되면서 문제가 해결 되실 것입니다.
