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

우다슬님의 프로필 이미지
우다슬

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

무비앱 시리즈 #4 Landing Page 만들기 (1) ( 따라하며 배우는 리액트 노드 )

npm run dev 연결이 안됩니다ㅜㅜ

작성

·

175

0

PS C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-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:internal/modules/cjs/loader:1147

[0] throw err;

[0] ^

[0]

[0] Error: Cannot find module 'bcrypt'

[0] Require stack:

[0] - C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\server\models\User.js

[0] - C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\server\routes\users.js

[0] - C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\server\index.js

[0] at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)

[0] at Module._load (node:internal/modules/cjs/loader:985:27)

[0] at Module.require (node:internal/modules/cjs/loader:1235:19)

[0] at require (node:internal/modules/helpers:176:18)

[0] at Object.<anonymous> (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\server\models\User.js:2:16)

[0] at Module._compile (node:internal/modules/cjs/loader:1376:14)

[0] at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)

[0] at Module.load (node:internal/modules/cjs/loader:1207:32)

[0] at Module._load (node:internal/modules/cjs/loader:1023:12)

[0] at Module.require (node:internal/modules/cjs/loader:1235:19)

[0] at require (node:internal/modules/helpers:176:18)

[0] at Object.<anonymous> (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\server\routes\users.js:3:18)

[0] at Module._compile (node:internal/modules/cjs/loader:1376:14)

[0] at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)

[0] at Module.load (node:internal/modules/cjs/loader:1207:32)

[0] at Module._load (node:internal/modules/cjs/loader:1023:12) {

[0] code: 'MODULE_NOT_FOUND',

[0] requireStack: [

[0] 'C:\\Users\\Samsung\\Desktop\\project\\boilerplate-mern-stack-master\\server\\models\\User.js',

[0] 'C:\\Users\\Samsung\\Desktop\\project\\boilerplate-mern-stack-master\\server\\routes\\users.js',

[0] 'C:\\Users\\Samsung\\Desktop\\project\\boilerplate-mern-stack-master\\server\\index.js'

[0] ]

[0] }

[0]

[0] Node.js v20.11.0

[0] [nodemon] app crashed - waiting for file changes before starting...

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

[1] i ｢wds｣: Project is running at http://192.168.11.5/

[1] i ｢wds｣: webpack output is served from

[1] i ｢wds｣: Content not from webpack is served from C:\Users\Samsung\Desktop\project\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:68:19)

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

[1] at module.exports (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\util\createHash.js:135:53)

[1] at NormalModule._initBuildHash (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:417:16)

[1] at handleParseError (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:471:10)

[1] at C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:503:5

[1] at C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:358:12

[1] at C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:373:3

[1] at iterateNormalLoaders (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:214:10)

[1] at iterateNormalLoaders (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:221:10)

[1] C:\Users\Samsung\Desktop\project\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:68:19)

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

[1] at module.exports (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\util\createHash.js:135:53)

[1] at NormalModule._initBuildHash (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:417:16)

[1] at C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:452:10

[1] at C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\webpack\lib\NormalModule.js:323:13

[1] at C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:367:11

[1] at C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:233:18

[1] at context.callback (C:\Users\Samsung\Desktop\project\boilerplate-mern-stack-master\client\node_modules\loader-runner\lib\LoaderRunner.js:111:13)

[1] at C:\Users\Samsung\Desktop\project\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 v20.11.0

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

 

reactnode.js웹앱mongodbexpress

답변 1

0

인프런 AI 인턴님의 프로필 이미지
인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

우다슬님의 질문 관련하여, npm run dev 실행 시 발생하는 두 가지 주요 문제에 대한 해결 방법을 안내드리겠습니다.

  1. bcrypt 모듈 관련 오류: 첫 번째 오류에서 “Error: Cannot find module ‘bcrypt’” 라는 메시지가 나타나는 것으로 보아, bcrypt 모듈이 설치되지 않아 생기는 문제인 것 같습니다. 이는 해당 모듈을 프로젝트에 설치함으로써 해결할 수 있습니다. 다음과 같이 터미널에 입력하여 bcrypt 모듈을 설치하세요.

    npm install bcrypt

    혹은, bcryptjs를 사용하는 방안도 있습니다. 일부 환경에서는 bcryptjs가 더 호환성이 좋을 수 있습니다.

    npm uninstall bcrypt
npm install bcryptjs

  2. Node.js Crypto 관련 오류: 두 번째 오류는 Node.js 버전 17 이상에서 새로 도입된 OpenSSL 관련 변경 때문에 발생합니다. 특정 버전의 Node.js에서는 --openssl-legacy-provider 플래그를 사용하여 이 문제를 해결할 수 있습니다. package.json 파일의 scripts 부분을 수정하여 다음과 같이 react-scripts start 명령어에 이 플래그를 추가해 보세요.

    "scripts": {
    "start": "react-scripts --openssl-legacy-provider start",
    ...
}

    이 변경 후, npm run dev를 다시 실행해보세요.

이러한 해결 방안과 유사한 경우를 다루는 질문 및 답변은 npm run dev 오류 질문이용 링크와 npm run dev 문제에서 찾아볼 수 있습니다. 이 링크에서는 비슷한 문제를 경험한 다른 수강생과 그에 대한 지식공유자의 답변을 확인할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

우다슬님의 프로필 이미지
우다슬

작성한 질문수

전체 Q&A
질문하기