inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

npm run dev 오류 질문이용

해결된 질문

509

whdxoddl999

작성한 질문수 13

0

이렇게뜨는데.. 뭐가잘못된건가요?ㅠㅠ

 

> 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]

[1] 

[1] There might be a problem with the project dependency tree.

[1] It is likely not a bug in Create React App, but something you need to fix locally.

[1]

[1] The react-scripts package provided by Create React App requires a dependency:

[1]

[1]   "babel-loader": "8.1.0"

[1]

[1] Don't try to install it manually: your package manager does it automatically.

[1] However, a different version of babel-loader was detected higher up in the tree:

[1]

[1]   C:\Users\82109\node_modules\babel-loader (version: 8.2.3)

[1]

[1] Manually installing incompatible versions is known to cause hard-to-debug issues.

[1]

[1] If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.

[1] That will permanently disable this message but you might encounter other issues.

[1]

[1] To fix the dependency tree, try following the steps below in the exact order:

[1]

[1]   1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.

[1]   2. Delete node_modules in your project folder.

[1]   3. Remove "babel-loader" from dependencies and/or devDependencies in the package.json file in your project folder.

[1]   4. Run npm install or yarn, depending on the package manager you use.

[1]

[1] In most cases, this should be enough to fix the problem.

[1] If this has not helped, there are a few other things you can try:

[1]

[1]   5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.

[1]      This may help because npm has known issues with package hoisting which may get resolved in future versions.

[1]

[1]   6. Check if C:\Users\82109\node_modules\babel-loader is outside your project directory.

[1]      For example, you might have accidentally installed something in your home folder.

[1]

[1]   7. Try running npm ls babel-loader in your project folder.

[1]      This will tell you which other package (apart from the expected react-scripts) installed babel-loader.

[1]

[1] If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.

[1] That would permanently disable this preflight check in case you want to proceed anyway.

[1]

[1] P.S. We know this message is long but please read the steps above :-) We hope you find them helpful!

[1]

[1] npm run start --prefix client exited with code 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:936

[0]   throw err;

[0]   ^

[0]

[0] Error: Cannot find module 'bcrypt'

[0] Require stack:

[0] - C:\Users\82109\Downloads\boilerplate-mern-stack-master\server\models\User.js

[0] - C:\Users\82109\Downloads\boilerplate-mern-stack-master\server\routes\users.js

[0] - C:\Users\82109\Downloads\boilerplate-mern-stack-master\server\index.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[0]   code: 'MODULE_NOT_FOUND',

[0]   requireStack: [

[0]     'C:\\Users\\82109\\Downloads\\boilerplate-mern-stack-master\\server\\models\\User.js',

[0]     'C:\\Users\\82109\\Downloads\\boilerplate-mern-stack-master\\server\\routes\\users.js',

[0]     'C:\\Users\\82109\\Downloads\\boilerplate-mern-stack-master\\server\\index.js'

[0]   ]

[0] }

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

redux 웹앱 mongodb react nodejs

답변 1

0

John Ahn

안녕하세요 


우선     .env 라는 파일을 생성하신 후에 
SKIP_PREFLIGHT_CHECK=true
이 텍스트를 넣어주세요. 

그리고           bcrypt 모듈 대신에  bcryptjs 모듈을 설치해주세요. 

npm install bcryptjs --save 하시면 됩니다 ! 

감사합니다.

강의 내용은 훌륭하나, 환경 설정 오류 때문에 진도를 나갈 수 없습니다. 20년 버전 강의.

0

64

1

강의자료는 어디서 볼 수있나요??

0

73

1

이 쇼핑몰 만들기 강의는 관리자페이지 만드는건 없나요

0

125

2

웹에서 실시간 코드반영이 안돼요

0

126

1

app.use질문

0

67

1

강사님께 어떻게 직접질문할수있어요??

0

80

1

const함수같은거 기초강의는 어디있나요

0

87

2

리덕스 참조챕터가 어딨어요? 미리듣고오라는데요

0

84

2

강의가완전 오래되서 다 틀리네 app.jsx도 tailwind css 다틀림 무책임함

0

72

1

개발자도구에 redux란이 없어요

0

93

1

npx tailwindcss init -p 에서 계속 에러나요

0

97

1

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

0

144

2

강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요

0

45

1

도표 강의 자료 열람 불가능

0

111

1

tailwindcss를 vite에서 이용하는 방식이 바뀐것 같습니다.

0

1142

2

eslint 설정 후 오류가 납니다.

0

225

1

오버로드 오류

0

155

1

VSCode에서 save를 할 때, landingpage의 useEffect가 실행되는 문제에 대하여

0

175

1

dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제

0

234

2

logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유?

0

197

1

webkit-text-size-adjust 오류

0

318

1

does not provide an export named 'userReducer'

0

219

2

빌드 배포

0

141

1

삭제 예정 강의는 언제 삭제 되나요? 저것때문에 수강완료를 못하면 회사에서 비용을 청구한다고 합니다~

0

226

2