랜딩 페이지에 비디오가 안보여요 ㅠㅠ

Question

현재 Video upload 페이지에서 비디오를 올리면 서버에 저장되고 해당 비디오와 섬네일 이미지가 local에도 저장되는 것을 확인되었습니다. 이유는 모르겠지만 GET을 실패하고  [HPM] Proxy created: /api -> http://localhost:5000/ [1] ℹ ｢wds｣: Project is running at http://192.168.0.5/ [1] ℹ ｢wds｣: webpack output is served from [1] ℹ ｢wds｣: Content not from webpack is served from /Users/sujinkim/Downloads/YoutubeClone/client/public [1] ℹ ｢wds｣: 404s will fallback to / [1] Starting the development server... 터미널에서는 이런식으로 나옵니다 ㅠㅠ  어디서부터가 문제인지 너무 모르겠어서 문의 남겨요. 깃헙 주소는  https://github.com/Sujin-Kim1/YoutubeClone  입니다. 도와주세요 ㅠㅠ

딴딴따라 · Answer

답변 감사합니다. 말씀해주신대로 bcrypt 버전을 바꿔서 실행해보았는데, 저는 같은 현상이 계속 일어나네요 ㅠㅠ 터미널 결과는 여전히 이런게 나와요ㅠ.ㅠ > react-boiler-plate@1.0.0 dev /Users/sujinkim/Downloads/YoutubeClone > concurrently "npm run backend" "npm run start --prefix client" [0] [0] > react-boiler-plate@1.0.0 backend /Users/sujinkim/Downloads/YoutubeClone [0] > nodemon server/index.js [0] [1] [1] > client@0.1.0 start /Users/sujinkim/Downloads/YoutubeClone/client [1] > react-scripts start [1] [0] [nodemon] 2.0.2 [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] Server Running at 5000 [0] MongoDB Connected... [1] [HPM] Proxy created: /api -> http://localhost:5000/ [1] ℹ ｢wds｣: Project is running at http://192.168.0.5/ [1] ℹ ｢wds｣: webpack output is served from [1] ℹ ｢wds｣: Content not from webpack is served from /Users/sujinkim/Downloads/YoutubeClone/client/public [1] ℹ ｢wds｣: 404s will fallback to / [1] Starting the development server... [1] [1] Compiled with warnings. [1] [1] ./src/components/views/LoginPage/LoginPage.js [1] Line 74:11: 'dirty' is assigned a value but never used no-unused-vars [1] Line 79:11: 'handleReset' is assigned a value but never used no-unused-vars [1] [1] ./src/components/views/RegisterPage/RegisterPage.js [1] Line 92:11: 'dirty' is assigned a value but never used no-unused-vars [1] Line 97:11: 'handleReset' is assigned a value but never used no-unused-vars [1] [1] Search for the keywords to learn more about each warning. [1] To ignore, add // eslint-disable-next-line to the line before.

John Ahn · Answer

답장이 너무 늦었네요 ㅠㅠ.... 죄송합니다      답장드린다고 하고 까먹어 버렸네요 ... 방금 봤는데요  bcrypt  module 버전 때문에 에러가 나는것 같아요  직접 해볼때 bcrypt 버전을 바꿔서 하니 실행이 잘되네요 ... 그래서 오류를 잡는 법은  root 디렉토리에서  npm install bcrypt@3.0.6 --save 이렇게 해주면  bcrypt가 다시 다운받아져요  그러고 다시 해보면 정상 작동 될것같아요 !  이래도 안되면 다시 알려주세요 ^^  아 그리고  github에  파일 올릴때는  gitignore 파일 만드신 다음에  dev.js를 넣으셔서  비밀 정보는 보호해주세요 ^^