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

최구름님의 프로필 이미지
최구름

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

업로드 페이지 만들기 시작[삭제 예정]

npm run dev 문제

작성

·

592

0

  • ilerplate-mern-stack-master\boilerplate-mern-stack-master> npm run dev


    > react-boiler-plate@1.0.0 dev
    > concurrently "npm run backend" "npm run start --prefix client"      

    [1] 
    [1] > client@0.1.0 start
    [1] > react-scripts start
    [1]
    [0]
    [0] > react-boiler-plate@1.0.0 backend
    [0] > nodemon server/index.js
    [0]
    [0] [nodemon] 1.19.4
    [0] [nodemon] to restart at any time, enter `rs`
    [0] [nodemon] watching dir(s): *.*
    [0] [nodemon] watching extensions: js,mjs,json
    [0] [nodemon] starting `node server/index.js`
    [0] (node:12844) Warning: Accessing non-existent property 'count' of module exports inside circular dependency
    [0] (Use `node --trace-warnings ...` to show where the warning was created)
    [0] Server Listening on 5000
    [0] (node:12844) Warning: Accessing non-existent property 'findOne' of module exports inside circular dependency
    [0] (node:12844) Warning: Accessing non-existent property 'remove' of 
    module exports inside circular dependency
    [0] (node:12844) Warning: Accessing non-existent property 'updateOne' 
    of module exports inside circular dependency
    [0] MongoDB Connected...
    [1] [HPM] Proxy created: /  -> http://localhost:5000
    [1] i 「wds」: Project is running at http://192.168.1.105/
    [1] i 「wds」: webpack output is served from
    [1] i 「wds」: Content not from webpack is served from C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\public
    [1] i 「wds」: 404s will fallback to /
    [1] Starting the development server...
    [1]
    [1] Error: error:0308010C:digital envelope routines::unsupported
    [1]     at new Hash (node:internal/crypto/hash:67:19)
    [1]     at Object.createHash (node:crypto:135:10)
    [1]     at module.exports (C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\util\createHash.js:135:53)[1]     at NormalModule._initBuildHash (C:\Users\SAMSUNG\OneDrive\바탕
     화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:417:16)
    [1]     at handleParseError (C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:471:10) 
    [1]     at C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:503:5
    [1]     at C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:358:12
    [1]     at C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    [1]     at iterateNormalLoaders (C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    [1]     at iterateNormalLoaders (C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
    [1] C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\react-scripts\scripts\start.js:19
    [1]   throw err;
    [1]   ^
    [1]
    [1] Error: error:0308010C:digital envelope routines::unsupported      
    [1]     at new Hash (node:internal/crypto/hash:67:19)
    [1]     at Object.createHash (node:crypto:135:10)
    [1]     at module.exports (C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\util\createHash.js:135:53)[1]     at NormalModule._initBuildHash (C:\Users\SAMSUNG\OneDrive\바탕
     화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:417:16)
    [1]     at C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:452:10
    [1]     at C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:323:13
    [1]     at C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    [1]     at C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    [1]     at context.callback (C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    [1]     at C:\Users\SAMSUNG\OneDrive\바탕 화면\PersonalProjects\WebProjects\boilerplate-mern-stack-master\boilerplate-mern-stack-master\client\node_modules\babel-loader\lib\index.js:59:103 {
    [1]   opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
    [1]   library: 'digital envelope routines',
    [1]   reason: 'unsupported',
    [1]   code: 'ERR_OSSL_EVP_UNSUPPORTED'
    [1] }
    [1]
    [1] Node.js v17.4.0
    [1] npm run start --prefix client exited with code 1

 

root에 처음 npm install 했을때 문제가 발생해서

npm uninstall --save bcrypt
npm install --save bcryptjs

이걸로 설치는 했습니다

이후 app crash 문제가 발생해서 전부 껐다가 키니까 그건 없어졌는데 아직도 실행이 안되네요.

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요! 
혹시   node_modules 폴더랑  package-lock.json 파일 모두 지우시고 다시 npm install해도 에러가 나오나요?!

최구름님의 프로필 이미지
최구름
질문자

PS C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master> npm run dev

 

> react-boiler-plate@1.0.0 dev

> concurrently "npm run backend" "npm run start --prefix client"

 

[0] 

[0] > react-boiler-plate@1.0.0 backend

[0] > nodemon server/index.js

[0]

[1]

[1] > client@0.1.0 start

[1] > react-scripts start

[1]

[0] [nodemon] 1.19.4

[0] [nodemon] to restart at any time, enter `rs`

[0] [nodemon] watching dir(s): *.*

[0] [nodemon] watching extensions: js,mjs,json

[0] [nodemon] starting `node server/index.js`

[0] (node:13572) Warning: Accessing non-existent property 'count' of module exports inside circular dependency

[0] (Use `node --trace-warnings ...` to show where the warning was created)

[0] Server Listening on 5000

[0] (node:13572) Warning: Accessing non-existent property 'findOne' of module exports inside circular dependency

[0] (node:13572) Warning: Accessing non-existent property 'remove' of module exports inside circular dependency

[0] (node:13572) Warning: Accessing non-existent property 'updateOne' of module exports inside circular dependency

[0] MongoDB Connected...

[1] [HPM] Proxy created: /  -> http://localhost:5000

[1] i 「wds」: Project is running at http://192.168.1.102/

[1] i 「wds」: webpack output is served from

[1] i 「wds」: Content not from webpack is served from C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\public

[1] i 「wds」: 404s will fallback to /

[1] Starting the development server...

[1]

[1] Error: error:0308010C:digital envelope routines::unsupported

[1]     at new Hash (node:internal/crypto/hash:67:19)

[1]     at Object.createHash (node:crypto:135:10)

[1]     at module.exports (C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\util\createHash.js:135:53)

[1]     at NormalModule._initBuildHash (C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\NormalModule.js:417:16)

[1]     at handleParseError (C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\NormalModule.js:471:10)

[1]     at C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\NormalModule.js:503:5

[1]     at C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\NormalModule.js:358:12

[1]     at C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\loader-runner\lib\LoaderRunner.js:373:3

[1]     at iterateNormalLoaders (C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\loader-runner\lib\LoaderRunner.js:214:10)

[1]     at iterateNormalLoaders (C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\loader-runner\lib\LoaderRunner.js:221:10)

[1] C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\react-scripts\scripts\start.js:19

[1]   throw err;

[1]   ^

[1]

[1] Error: error:0308010C:digital envelope routines::unsupported

[1]     at new Hash (node:internal/crypto/hash:67:19)

[1]     at Object.createHash (node:crypto:135:10)

[1]     at module.exports (C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\util\createHash.js:135:53)

[1]     at NormalModule._initBuildHash (C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\NormalModule.js:417:16)

[1]     at C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\NormalModule.js:452:10

[1]     at C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\webpack\lib\NormalModule.js:323:13

[1]     at C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\loader-runner\lib\LoaderRunner.js:367:11

[1]     at C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\loader-runner\lib\LoaderRunner.js:233:18

[1]     at context.callback (C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\loader-runner\lib\LoaderRunner.js:111:13)

[1]     at C:\Users\최희성\Desktop\react-shop-ko-master\react-shop-ko-master\client\node_modules\babel-loader\lib\index.js:59:103 {

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

[1]   library: 'digital envelope routines',

[1]   reason: 'unsupported',

[1]   code: 'ERR_OSSL_EVP_UNSUPPORTED'

[1] }

[1]

[1] Node.js v17.4.0

[1] npm run start --prefix client exited with code 1

 

해결하려고 이것저것 install하다가 너무 많이 꼬여서 다른 PC에 새로 설치시도했습니다.

이번에는 npm install 하니까 별문제없이 설치가 되길래

될거라고 생각했는데 막상 npm run dev 하니까 안되네요..ㅜㅜㅜ

 

개발자 도구 콘솔에는 이런게 뜨고 사이트에 연결할수없음이라고 뜨네요..!

(index):6773 crbug/1173575, non-JS module files deprecated.

(anonymous) @ (index):6773

최구름님의 프로필 이미지
최구름
질문자

https://itsmycode.com/error-digital-envelope-routines-unsupported/

정확하게 왜 되는건지 아직 이해는 못했는데 구글링하다가 찾은대로

"start": "react-scripts --openssl-legacy-provider start"

start를 이렇게 바꿨더니..! 정상적으로 동작하네요..!!

일단 돌아간다는 사실에 너무 기쁘긴 한데 이대로 사용해도 괜찮은건가요? 혹시 원인이 어떤거였는지 알수있으면 더 좋을 것 같습니다.

최구름님의 프로필 이미지
최구름

작성한 질문수

질문하기