박주니 개발 정리

caver-js 실행이 안된다면 본문

react/kaikas

caver-js 실행이 안된다면

박주니 2022. 6. 6. 15:38
728x90
반응형

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버전 이상은 호환되기 어렵다는 것입니다. 그래서 버전을 낮춰서 실행시키는 방법으로 접근하시면 됩니다.  
    • 접근 방법)
      1. webpack에서 react-scripts 버전 확인 => 보통 이런 에러가 나오면 5버전이상이기 때문에 다음 단계 실행하시면 됩니다 .
      2. 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 버전으로 설명)

  1. yarn remove react-scripts 
    • 현재 설치된 react-scripts를 제거합니다. 
  2. 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에 맞게 셋팅되면서 문제가 해결 되실 것입니다.

728x90
반응형
Comments