[Error Handling] 스토리북 실행 시 나타나는 에러코드 0308010c 해결방안

storybook 설치는 됐는데, 사진과 같은 에러코드(0308010c:digital envelope routines::unsupported)가 뜨면서 실행이 안되는 경우 해결방법에 대해 알려드리고자 공유드립니다.

찾아본 바에 따르면 원인은 크게 두 가지 입니다.

1. node.js 버전문제
storybook이 일부 node.js 버전과 문제가 있는 듯합니다.

2. react-script 버전문제
react-script 5버전 이하는 실행 과정에서 해당 에러가 발생할 수 있다고 합니다.

해결방법은 다음과 같습니다.

1번 원인에 대한 해결책

• node.js를 LTS(안정화)버전으로 설치해주세요. 이후 스토리북을 실행해보시고 여전히 에러가 난다면 아래 방법까지 시도해보세요.
• Terminal(git bash)에 export NODE_OPTIONS=--openssl-legacy-provider 를 입력 후 enter, 그리고 다시 npm run storybook 을 통해 storybook을 실행해주세요.

2번 원인에 대한 해결책

• npm install react-scripts 를 통해 5.0.1버전 이상의 react-scripts를 설치해주세요.

참고한 사이트

1. 깃헙 스토리북 이슈
2. freeCodeCamp article