리액트/스토리북 설치 관련 에러 react-refresh/runtime.js which falls outside of the project src/ directory.

 

에러 사진

react-refresh/runtime.js which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.

라는 오류가 여러번 나온다. 아무리 구글링을 해도 정보가 마땅치 않고, 스택오버플로우에서 하라는대로 해봐도 무용지물이었다.

 

그러던 중, react-refresh가 여러번 설치된 것 같다고 알려주셔서,

 

터미널에 npm ls react-refresh 명령어를 입력하고 확인해보니, 

지금은 해결을 완료해서 'deduped'라고 뜨지만, 에러가 해결이 안되었을 경우엔 뜨지 않을 것이다.

 

이를 해결하는 방법은 npm dedupe를 터미널에 입력하는 것이다. 

이는 중복된 것들을 하나로 합쳐준다.

 

이렇게 하고 다시 터미널에 npm ls react-refresh를 입력해보면,

'deduped'가 떠있고, npm run start를 해봐도 제대로 작동하는 것을 볼 수 있을 것이다