카테고리

질문 & 답변
세부 분야

풀스택
해결 여부

미해결

연습을 해보기 위해서 app.js를 복붙한 다음부터 터미널 창이 이상합니다.

21.07.11 02:06 작성 조회수 346

제가 개인적으로 복습을 하기 위해 app.js 파일을 복붙한 후 이름을 app2.js로 고치고 혼자 코드를 작성하고 npm start를 통해 실시간으로 업데이트되는 모습을 확인하려고 했습니다.

그런데 npm start를 치면 처음 한 번만 브라우저 창이 뜨고, 터미널 창에 다음 이미지와 같은 메시지가 뜬 후 터미널 창에 어떤 명령어를 쳐도 먹지 않습니다.

또한 이상한 점은 외부에서 만든 자식 컨포넌트를 import해도 이 파일에 반영이 되지 않습니다.

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

jsx 사용하기

강의실 바로가기

답변 3

좋아요순

최신순

답변을 작성해보세요.

SEOHWAN LEE

질문자

2021.07.14

감사합니다!

그랩

지식공유자

2021.07.11

가끔씩 react에서 npm start를 했을 때 자동으로 새로고침이 되는 기능이 안먹힐 때가 있습니다. 컴퓨터를 껐다 켜서 다시 실행해보시고 내부 컴포넌트를 변경해보시겠어요~?

만약 이도 안된다면 package.json 파일을 보여주세요!

SEOHWAN LEE

질문자

2021.07.12

시도해보았는데 여전히 증상이 똑같네요. package.json 파일을 보여드릴게요!

{
"name": "seohwan-market-web",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.1.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}