Изменения, внесенные в мои JavaScript-файлы в проекте React, не отражаются в пользовательском интерфейсе при компиляции с помощью 'npm start'. Отражение только при пересборке

Первоначально возникла проблема: "Недопустимый объект опций. Сервер Dev Server был инициализирован с использованием объекта опций, который не соответствует схеме API". Чтобы решить эту проблему, добавьте setupProxy.js в папку src следующим образом:

const { createProxyMiddleware } = require("http-proxy-middleware");

module.exports = function (app) {
  app.use(
    "/",
    createProxyMiddleware({
      target: "http://127.0.0.1:8000",
      changeOrigin: true,
    })
  );
};

После добавления этого файла код работает нормально при сборке и выполнении. Однако если в файлы JavaScript были внесены какие-либо изменения, они не отражаются в пользовательском интерфейсе при сохранении и компиляции с помощью 'npm start'. Изменения появляются только при выполнении 'npm start' после пересборки с помощью 'npm run build'.

  • Пробовали разные версии npm и react-script.
  • Удалил модули node и установил заново.

Ожидается решение, позволяющее сделать так, чтобы изменения, внесенные в код, отражались в UI без необходимости перестраивать код каждый раз.

Проблема может быть связана с включением файла setupProxy.js. Удалите этот файл и попробуйте добавить прокси в package.json. Если ошибка не исчезнет, попробуйте использовать более высокие версии node и npm.

Вернуться на верх