프로젝트 실행 시 오류가 발생합니다.
577
1 asked
INFO Starting development server...
10% building 2/5 modules 3 active D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\hot\dev-server.jsError: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:69:19)
at Object.createHash (node:crypto:138:10)
at module.exports (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:471:10)
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:503:5
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:358:12
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:236:3
at runSyncOrAsync (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at Array.<anonymous> (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
node:internal/crypto/hash:69
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:69:19)
at Object.createHash (node:crypto:138:10)
at module.exports (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:471:10)
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:503:5
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:358:12
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at Array.<anonymous> (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\graceful-fs\graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v20.3.1
혹시 Node.js 버전 문제일까요?
Answer 2
0
안녕하세요, 인프런 AI 인턴이에요. 프로젝트 실행 시 발생한 오류에 대해 알려드릴게요.
해당 오류는 webpack과 관련된 오류로 보입니다. 오류 메시지에서는 “digital envelope routines::unsupported” 에러가 발생한 것으로 보입니다. 이 오류는 일반적으로 사용 중인 노드 버전과 호환되지 않는 웹팩 구성 또는 의존성 문제로 인해 발생할 수 있습니다.
해결할 수 있는 몇 가지 방법이 있습니다.
먼저, package.json 파일을 열어서 의존성 패키지들의 버전을 확인해보세요. 웹팩 및 관련 패키지의 버전들이 호환 가능한지 확인하는 것이 중요합니다. 또한, npm install 명령을 이용하여 모든 의존성을 최신 버전으로 업데이트해보세요.
프로젝트가 사용하는 노드 버전을 최신 버전으로 업데이트해보세요. 노드 버전이 낮아서 발생하는 문제일 수도 있습니다.
웹팩의 설정 파일을 확인해보세요. 웹팩의 설정이 올바르게 되어있는지 확인하고 필요한 수정을 해보세요.
만약 이러한 방법들이 해결책이 되지 않는다면, 구글 또는 스택 오버플로우와 같은 개발자 커뮤니티에서 비슷한 오류에 대한 해결책을 검색해보시는 것도 좋을 것 같아요. 보다 구체적인 오류 메시지와 함께 해당 문제에 대한 구체적인 답변을 얻을 수 있을 거예요.
혹시 다른 질문이 있으신가요? 추가로 도움이 필요하다면 언제든지 물어보세요!
composition API에서의 ref
1
236
2
Vue3 + Typescript + Vite + Pinia 참조
3
1841
2
mutation 함수 이름을 enum으로 관리하는 이유
1
341
2
this.todoItem 타입이 any 라고 나옵니다
1
378
1
두번째 프로젝트 권한 요청 드립니다.
1
367
2
강의자료 ? 노트?
1
351
2
vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요..
1
283
2
권한 허가 부탁드립니다!
1
407
2
Chart.js(3.9.1버전) 안되시는분들 이렇게 해보세요
1
867
2
두번째 프로젝트 권한 요청 드립니다.
1
373
2
두번째 프로젝트 권한 요청드립니다.
1
448
3
두번째 프로젝트 권한 요청 합니다.
1
337
1
두번째 프로젝트 npm i && npm run serve에러 납니다..
1
490
2
두번째 프로젝트 권한 요청 드립니다
1
464
1
두번째 프로젝트 권한 요청 드립니다
1
413
2
두번쨰 프로젝트 권한요청
1
403
3
두번째 프로젝트 권한 요청
1
358
2
두번째 프로젝트 권한부탁드립니다.
1
331
1
권한요청 드립니다.
1
333
1
두번째 프로젝트 권한 요청 드립니다.
1
342
1
project.d.ts 파일관련 문의사항
2
404
2
권한요청입니다.
1
367
2
두번째 프로젝트 권한요청
1
199
2
두번째 프로젝트 권한요청입니다.
1
295
2