강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

cksdn1013님의 프로필 이미지
cksdn1013

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

Next.js 실행해보기.

npm run dev의 에러

작성

·

692

0

안녕하세요 2023년에 강의를 듣는중입니다. Next와 React의 버전은 강의와 같고 Node Js 버전은 v18.13.0 인상태로 npm run dev를 실행하면

> react-nodebird-front@1.0.0 dev

> next

Browserslist: caniuse-lite is outdated. Please run:

npx browserslist@latest --update-db

ready - started server on http://localhost:3000

node:internal/crypto/hash:71

this[kHandle] = new _Hash(algorithm, xofLen);

^

Error: error:0308010C:digital envelope routines::unsupported

at new Hash (node:internal/crypto/hash:71:19)

at Object.createHash (node:crypto:133:10)

at module.exports (/Users/user/Desktop/Folders/Programming 2/zerocho/nodebird/prepare/front/node_modules/webpack/lib/util/createHash.js:135:53)

at NormalModule._initBuildHash (/Users/user/Desktop/Folders/Programming 2/zerocho/nodebird/prepare/front/node_modules/webpack/lib/NormalModule.js:417:16)

at handleParseError (/Users/user/Desktop/Folders/Programming 2/zerocho/nodebird/prepare/front/node_modules/webpack/lib/NormalModule.js:471:10)

at /Users/user/Desktop/Folders/Programming 2/zerocho/nodebird/prepare/front/node_modules/webpack/lib/NormalModule.js:503:5

at /Users/user/Desktop/Folders/Programming 2/zerocho/nodebird/prepare/front/node_modules/webpack/lib/NormalModule.js:358:12

at /Users/user/Desktop/Folders/Programming 2/zerocho/nodebird/prepare/front/node_modules/loader-runner/lib/LoaderRunner.js:373:3

at iterateNormalLoaders (/Users/user/Desktop/Folders/Programming 2/zerocho/nodebird/prepare/front/node_modules/loader-runner/lib/LoaderRunner.js:214:10)

at Array.<anonymous> (/Users/user/Desktop/Folders/Programming 2/zerocho/nodebird/prepare/front/node_modules/loader-runner/lib/LoaderRunner.js:205:4) {

opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],

library: 'digital envelope routines',

reason: 'unsupported',

code: 'ERR_OSSL_EVP_UNSUPPORTED'

}

에러가 나오네요 chatGPT에게 물어보면 npx browserslist@latest --update-db 로 라이브러리를 업데이트 해라고 나와서 따라 했지만 여전히 같은 에러가 나왔습니다.

그러나 왠지 Node 의 버전이 문제일거같아서 12.17.0으로 낮춰서 npm run dev를 해보니 작동이 되었습니다.

Node의 버전이 문제라면 에러메시지에 Node의 버전이 문제라고 나와야한다고 생각하는데 저런 에러가 나온 이유는 뭘까요???

Node의 버전 문제인데 이 메세지라면 에러 메세지대로 해결 할 수 없는것 아닌가요?

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

저 에러메시지는 두 개의 에러메시지가 합쳐진 겁니다. browserlist 하나, ossl unsupported 문제 하나 이렇게 있는 것이고요. 아래 unsupported 문제는 노드 17버전에서부터 발생합니다. 노드 16버전으로 하거나 노드17 이상일때는 실행 시 추가 옵션 붙여주어야 합니다.

에러메시지로 검색하면 바로 해결법 나오는 문제입니다. 대부분의 에러는 버전이 문제라고 직접적으로 보여주지 않습니다.

https://www.google.com/url?sa=t&source=web&rct=j&url=https://stackoverflow.com/questions/69394632/webpack-build-failing-with-err-ossl-evp-unsupported&ved=2ahUKEwjPnMzA85P9AhWNDd4KHfbCCrcQFnoECAoQAQ&usg=AOvVaw0wC224ZGAACOLLl1cayRWx

cksdn1013님의 프로필 이미지
cksdn1013

작성한 질문수

질문하기