web-dev-qa-db-ja.com

Reactコンポーネントがlocalhostの変更を保存した後にブラウザでリロードされない

Create-React-Appを使用して新しいReactプロジェクトを作成しました。古いプロジェクトでは、コンポーネントの変更をしてコンポーネントを保存し、それはブラウザに反映されますが、新しいプロジェクトでは、私がコード内の変更を保存したときにブラウザがリロードされず、変更を反映していません。だから私は実行中のプロセスを停止し、そしてnpm startを与えました

これが私のpackage.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"
  }
}

変更したときはいつでもブラウザを自動的にリロードするには、package.jsonに何かを追加できますか？

reactjshot-reload
4
Raghul SK

Package.jsonを変更していない場合は、プロジェクトを再インストールできます。

そのための2つの方法。

Gitで：

  1. あなたのプロジェクトをgitに押し上げます
  2. コンピュータのプロジェクトのフォルダをクリアします
  3. git clone https://github.com/my-account/my-project.git _
  4. npm install _

Gitなしで：

  1. プロジェクトの内容をバックアップするnode_modulesを除く
  2. プロジェクトのフォルダをクリアしますpackage.jsonを除く
  3. npm install _
  4. バックアップしたファイルを貼り付けます
0
GBMan

でアプリをインストールしてください。

npx create-react-app appname
 _

Package.jsonを編集しないでください

0
mohamed ibrahim