연습을 해보기 위해서 app.js를 복붙한 다음부터 터미널 창이 이상합니다.
616
작성한 질문수 5
제가 개인적으로 복습을 하기 위해 app.js 파일을 복붙한 후 이름을 app2.js로 고치고 혼자 코드를 작성하고 npm start를 통해 실시간으로 업데이트되는 모습을 확인하려고 했습니다.
그런데 npm start를 치면 처음 한 번만 브라우저 창이 뜨고, 터미널 창에 다음 이미지와 같은 메시지가 뜬 후 터미널 창에 어떤 명령어를 쳐도 먹지 않습니다.
또한 이상한 점은 외부에서 만든 자식 컨포넌트를 import해도 이 파일에 반영이 되지 않습니다.
답변 3
1
가끔씩 react에서 npm start를 했을 때 자동으로 새로고침이 되는 기능이 안먹힐 때가 있습니다. 컴퓨터를 껐다 켜서 다시 실행해보시고 내부 컴포넌트를 변경해보시겠어요~?
만약 이도 안된다면 package.json 파일을 보여주세요!
0
시도해보았는데 여전히 증상이 똑같네요. package.json 파일을 보여드릴게요!
0
위에서 app2.js 파일로 테스트를 해보셨다고 하셨는데요.
app2.js를 수정하셨다는 이야기인가요? 현재 app2.js 코드를 변경하더라도 index.js에서 app2.js에서 만든 컴포넌트를 import하지 않았다면 따로 불러오지 않는게 맞습니다.
src/index.js에서 app.js의 컴포넌트를 불러오는지, app2.js의 컴포넌트를 불러오는지 확인해주세요~!
0
아, 그런 문제가 있었군요. 뭔가 꼬인 것 같아서 해당 프로젝트를 아예 삭제한 다음 새로운 프로젝트를 생성 후 다시 npm install 을 진행했습니다. 이후 npm start 실행 시 리액트 브라우저는 잘 뜹니다. 다만, 터미널에
이렇게 뜨는데 밑에 개발환경 빌드가 최적화되지 않았다는 메시지는 괜찮은 건가요?
0
아 현재 npm start 명령어를 통해 실행하면 개발(development) 환경에서 동작합니다.
이때 운영(production) 환경에서는 빌드 -> 실행이 이뤄지지만 개발 모드는 개발의 편의성을 위해 바로 실행되도록 설정되어 있습니다.
그래서 나중에 production 환경에서는 개발 모드로 할 때 주의하라는 메시지입니다!
production에서 사용하려면 아래 링크처럼 활용하시면 됩니다~!
https://catchdream.tistory.com/133
1
위의 모습은 외부 컴포넌트를 모두 지우고 <h1>, <h2> 태그만 써놓은 상황이며, 이 때에도 npm start를 입력하면 처음에만 창이 제대로 뜬 후 먹통입니다. 또한 자식 컴포넌트들은 먹지 않고, 내부에서 작성한 것들만 반영됩니다.
[해결]그랩님 답변 주세요.
0
160
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
141
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
123
2
[재질문][그랩님 답변 부탁드립니다]101강
0
140
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
97
2
Ngrok 설치 후 forwarding Url 에러
0
133
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
217
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
135
1
그랩님,[꼭] 답변 부탁드립니다.
0
65
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
149
1
6강/7강 수업
0
50
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
98
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
134
2
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
88
1
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
127
2
일반적인 css 꾸미기에서 width와 height의 값?
0
90
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
193
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
119
1
react에 반영이 되지 않습니다.
0
236
1
터미널 npm install -g create-react-app 작성 후 오류
0
419
1
create-react-app my app 실행 시 에러
0
354
2
포스트맨 질문
0
99
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
260
2
그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.
0
473
2