강의

멘토링

커뮤니티

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

류지혜님의 프로필 이미지
류지혜

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

웹팩 데브 서버 세팅하기

(참고) localhost:3090 접근 시 계속 오류가 나는 경우

작성

·

405

·

수정됨

0

 

강의 초반 강사님의 git(https://github.com/ZeroCho/sleact)을 다운받고 세팅 후 계속 오류가 나는 경우라면 참고하시면 좋을 것 같아 남깁니다.

  • (코드가 아닌 세팅에서 오류가 날 때마다 힘이 빠지는 경우가 많아서.. 저도 참고하기 위해 남깁니다..)

     

  • 결과

    hot reloading.gif

  • npm i로 무언가 설치할 때

    -> 계속 오류가 뜬다면 뒤에 --force를 붙여보세요.

    ex) npm i fork-ts-checker-webpack-plugin -D --force

     

  • 강의에서 올린 파일을 npm i로 설정하고 세팅도 동일하게 했는데 오류가 난다.

    ->였습니다.

    -> 세팅단계에서는 쓰이지 않았으니 주석 return에서 설정한 항목들이 오류가 나는 경우처리 해주세요.

 

  • 아래의 설정들을 주석처리해도 오류가 나면 return에 <div>아무말넣기</div>

  1. 1. alecture/client.tsx

    <BrowserRouter></BrowserRouter> //주석처리

  2. alecture/components/ChatList/index.tsx

    return( 내부의 <ChatZone></ChatZone> //주석처리 )

  3. alecture/layouts/App/index.tsx

    return( 내부의 <Switch></Switch>//주석처리 )

  4. alecture/layouts/Workspace/index.tsx

    if (!userData) { //주석처리

    return <Redirect to="/login" />;

    }

    return (<div></div> //주석처리)

  5. alecture/pages/Login/index.tsx

    if (data) { //주석처리

    return <Redirect to="/workspace/sleact/channel/일반" />;

    }

  6. alecture/pages/SIgnUp/index.tsx

    if (data) { //주석처리

    return <Redirect to="/workspace/sleact/channel/일반" />;

    }

     

 

 

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!
류지혜님의 프로필 이미지
류지혜

작성한 질문수

질문하기