Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngành
Sử dụng jsx
연습을 해보기 위해서 app.js를 복붙한 다음부터 터미널 창이 이상합니다.
635
5 câu hỏi đã được viết
제가 개인적으로 복습을 하기 위해 app.js 파일을 복붙한 후 이름을 app2.js로 고치고 혼자 코드를 작성하고 npm start를 통해 실시간으로 업데이트되는 모습을 확인하려고 했습니다.
그런데 npm start를 치면 처음 한 번만 브라우저 창이 뜨고, 터미널 창에 다음 이미지와 같은 메시지가 뜬 후 터미널 창에 어떤 명령어를 쳐도 먹지 않습니다.
또한 이상한 점은 외부에서 만든 자식 컨포넌트를 import해도 이 파일에 반영이 되지 않습니다.
Câu trả lời 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를 입력하면 처음에만 창이 제대로 뜬 후 먹통입니다. 또한 자식 컴포넌트들은 먹지 않고, 내부에서 작성한 것들만 반영됩니다.
<div id="banner">배너 이미지</div> 관련 질문
0
32
1
[해결]그랩님 답변 주세요.
0
205
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
177
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
151
2
[재질문][그랩님 답변 부탁드립니다]101강
0
178
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
135
2
Ngrok 설치 후 forwarding Url 에러
0
155
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
271
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
164
1
그랩님,[꼭] 답변 부탁드립니다.
0
81
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
171
1
6강/7강 수업
0
58
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
114
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
156
2
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
98
1
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
145
2
일반적인 css 꾸미기에서 width와 height의 값?
0
106
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
209
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
133
1
react에 반영이 되지 않습니다.
0
255
1
터미널 npm install -g create-react-app 작성 후 오류
0
435
1
create-react-app my app 실행 시 에러
0
368
2
포스트맨 질문
0
111
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
277
2