React-Scripts mula tidak menerima perubahan js

Question

Saya mempunyai apl React yang diikat menggunakan aplikasi create-react-. Aplikasi ini berjalan dalam bekas docker dan telah digunakan dalam subdomain. Katakan nama domain ialah http://mycompany.com , maka aplikasi React saya berada di http://mycompany.com/users/userid/apps/reactapp .

Terdapat pelayan proksi terbalik yang melakukan penulisan semula URL, menukar URL asas kepada URL subdomain. Inilah rupa pakej.json saya -

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.12.4",
    "@testing-library/jest-dom": "^5.16.1",
    "@testing-library/react": "^12.1.2",
    "@testing-library/user-event": "^13.5.0",
    "@types/classnames": "^2.3.1",
    "@types/jest": "^27.0.3",
    "@types/node": "^16.11.47",
    "@types/react": "^17.0.38",
    "@types/react-dom": "^17.0.11",
    "@types/react-icons": "^3.0.0",
    "@types/react-router-dom": "^5.3.2",
    "@types/sass": "^1.43.1",
    "bootstrap": "^5.1.3",
    "classnames": "^2.3.1",
    "font-awesome": "^4.7.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-icons": "^4.3.1",
    "react-router-dom": "^6.3.0",
    "react-scripts": "5.0.0",
    "register-service-worker": "^1.7.2",
    "typescript": "^4.5.4",
    "web-vitals": "^2.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"
    ]
  },
  "devDependencies": {
    "css-flatten": "^1.0.1",
    "react-hot-loader": "^4.13.1",
    "react-select": "^5.4.0",
    "sass": "^1.45.2"
  }
}

Masalah yang saya hadapi ialah sebarang perubahan fail JS tidak dapat dilihat walaupun selepas saya memulakan semula pelayan pembangunan menggunakan permulaan skrip reaksi. Ini hanya dapat dilihat apabila saya memulakan semula bekas docker. Dalam penyemak imbas, saya menyemak dan fail bundle.js tidak mempunyai perubahan terkini. Saya telah mencuba perkara ini -

1. Padam node_modules/.cache, node_modeules
2. Gunakan CHOKIDAR_USEPOLLING=benar dalam permulaan skrip reaksi

Saya dapat melihat dalam log pelayan pembangunan bahawa perubahan fail sedang dikesan, tetapi perubahan ini tidak disampaikan kepada penyemak imbas. Walaupun saya memadamkan fail (supaya saya dapat melihat log ralat dalam log pelayan pembangunan), tiada apa-apa perubahan dalam aplikasi walaupun penyemak imbas dimuat semula.

Answer 1

Anda mungkin perlu menambah yang berikut pada pengepala respons sebelah pelayan

"headers": { 
    "/**": { 
        "Cache-Control": "no-store, no-cache" 
    } 
}

Jika masalah berterusan, anda boleh cuba mengosongkan cache penyemak imbas

Soalan berkaitan:

1. Pembersihan cache menggunakan CRA React
2. ReactJS: Bagaimana untuk menghalang penyemak imbas daripada menyimpan fail statik?