먼저 강의 잘 듣고 있습니다.
강의 내용과 함께 여러 응용을 해보던 중, 어느 순간부터 리액트가 자동으로 코드 변경을 감지해서 컴파일해주는 작업을 멈췄습니다.
현재는 프론트엔드 적용을 확인하기 위해 매번 npm start를 적용하고 있습니다.
처음부터 새로 프로젝트를 만들어 실행해보았지만, 역시나 처음처럼 실시간 반영이 되지 않습니다.
무엇이 문제일까요? 다시 실시간 컴파일할 수 있도록 수정 가능할까요? (참고로 node 서버와 mongo 디비 연결해서 사용중입니다.)
아래는 client쪽 package.json 내용입니다.
-------------------------------------------------------------------------------
{
"name": "client",
"version": "1.0.0",
"private": true,
"description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
"main": "index.js",
"scripts": {
"test": "react-scripts test",
"start": "react-scripts start",
"build": "react-scripts build",
"eject": "react-scripts eject"
},
"author": "somsong",
"license": "ISC",
"dependencies": {
"@testing-library/jest-dom": "5.16.5",
"@testing-library/react": "14.0.0",
"@testing-library/user-event": "14.4.3",
"browserify-zlib": "^0.2.0",
"mongodb": "^5.5.0",
"net": "^1.0.2",
"path": "npm:path-browserify@^1.0.1",
"react": "^18.2.0",
"react-app-rewire-hot-loader": "^2.0.1",
"react-app-rewired": "^2.2.1",
"react-dom": "^18.2.0",
"react-hot-loader": "^4.13.1",
"react-scripts": "^5.0.1",
"timers-browserify": "^2.0.12",
"tls": "0.0.1",
"web-vitals": "^3.3.1"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"assert": "^2.0.0",
"buffer": "^6.0.3",
"crypto-browserify": "^3.12.0",
"https-browserify": "^1.0.0",
"os-browserify": "^0.3.0",
"path-browserify": "^1.0.1",
"process": "^0.11.10",
"stream-browserify": "^3.0.0",
"stream-http": "^3.2.0",
"url": "^0.11.0",
"webpack-dev-server": "^4.15.0"
}
}
