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

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

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

   

• 결과

  

• 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/일반" />;

   }