codestates / codestates/newDe

TypeScript 일부 페이지 컴포넌트가 의도대로 작동하지 않음

Open
#37 0 comments 0 reactions 0 assignees View on GitHub
complete
Dominant language
TypeScript
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

> 해결된 에러라면 라벨에 'Complete' 를 달아주세요.
> 미해결된 에러라면 라벨을 'In progress' 로 변경해주세요.

### 어떤 에러인가요?
-
![eh1](https://user-images.githubusercontent.com/48780896/153817008-bb042411-0ea3-4404-95cd-1279d8c1e075.png)

해당 화면처럼 라우트를 나누어주고


![eh2](https://user-images.githubusercontent.com/48780896/153817083-af32ef68-1918-444d-b0a4-e2bef3867238.png)


![eh3](https://user-images.githubusercontent.com/48780896/153817131-3abacf11-4045-44f3-bbfe-f1831da8e96d.png)


![eh4](https://user-images.githubusercontent.com/48780896/153817183-6b5019e4-5722-4f6d-834c-06414b9504e0.png)


이런식으로 페이지를 구현함


![eh5](https://user-images.githubusercontent.com/48780896/153817221-d31f907a-8d8c-403a-b996-aa1535356cbf.png)


다른 페이지는 이것처럼 제대로 페이지가 나오는데
![eh6](https://user-images.githubusercontent.com/48780896/153817254-68a587d1-3317-4c92-a78e-a49ce4f0ddcc.png)

![eh7](https://user-images.githubusercontent.com/48780896/153817261-e34180e3-56a7-49bf-8231-894d3ea38319.png)

위에서 보듯 login 페이지와 signup 화면이 제대로 나오지 않음.
login은 페이지가 렌더링 되지 않는듯 하고 signup은 리액트 자체가 터져버림

### 에러 메시지

터미널상의 에러는 관측되지 않으며 브라우저상의 에러만 관측됨

login 페이지의 경우

![eh8](https://user-images.githubusercontent.com/48780896/153817746-a6e9e290-5553-447c-b3f5-c91fdb0abd23.png)


signup 페이지의 경우

![eh9](https://user-images.githubusercontent.com/48780896/153817758-2352ade1-6231-4aae-bcb8-1b7adbed405b.png)


VM10:6774 crbug/1173575, non-JS module files deprecated.
```bash
$ 터미널의 에러 코드를 여기 넣어주세요.
```
터미널 상 에러코드 없음

### 에러 핸들링 방법

- Login Route에 띄어쓰기가 하나 들어가서 Login 라우터가 제대로 작동하지 않았음
- Sign Up 의 경우 해당 코드를 검색해 보니 작성자의 컴퓨터및 크롬의 문제인것으로 추측됨
- 실제로 firefox에서는 정상작동하며 다른 팀원의 컴퓨터에서도 정상작동함
- http://localhost:3000/signup으로 접속하니 정상접속됨. 이후 정상작동함

```js
// 코드가 들어가도 좋아요!
```

### 에러 핸들링을 위해 참고한 레퍼런스 링크

[링크](https://eunjinii.tistory.com/45)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.