Реактивный компонент не перезагружается в браузере после сохранения изменений в localhost - PullRequest
Новая
       18

Реактивный компонент не перезагружается в браузере после сохранения изменений в localhost

2 голосов
/ 10 февраля 2020

Я создал новый реактивный проект, используя Create-React-App. В старых проектах всякий раз, когда я вносил изменения в компонент и сохранял компонент, он отражался в браузере, но в новом проекте, когда я сохранял изменения в коде, браузер не перезагружался и не отражал изменения. Поэтому я остановил запущенный процесс и снова дал npm start

Вот мой пакет. json файл. 

{
  "name": "new-application",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-redux": "^7.1.3",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.3.0",
    "redux": "^4.0.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "redux-devtools": "^3.5.0",
    "webpack": "^4.41.5"
  }
}

Могу ли я добавить что-то в пакет. json для перезагрузки браузер автоматически, когда я делаю изменения?

Ответы [ 2 ]

1 голос
/ 10 февраля 2020

У меня была похожая (или и то же событие) проблема, и я изменил команду запуска в пакете. json файл, добавив следующие флаги: --watch --watch-poll на webpack-dev-server: 

{
//...
"scripts": {
    "start": "webpack-dev-server --env.ENVIRONMENT=development --content-base src/ --mode development --watch --watch-poll",
    // ...
}
// ...
}

Теперь, используя npm start и затем изменяя файлы sr c, я вижу изменения в браузере.

Пожалуйста, здесь https://webpack.js.org/configuration/watch/, чтобы узнать больше .

0 голосов
/ 10 февраля 2020

Установите приложение снова, используя: 

npx create-react-app appname

И не редактируйте пакет. json

...