[Fix] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema

Ошибка "Неверный объект опций. Dev Server был инициализирован с использованием объекта options, который не соответствует схеме API." - это ошибка, которая возникает всякий раз, когда вы кодируете в react.js. Ниже приведен фрагмент ошибки:

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.

- options.allowedHosts[0] should be a non-empty string.

Я хотел бы поделиться с вами шагами, которые я предпринял для устранения ошибки "Invalid options object. Dev Server был инициализирован с использованием объекта options, который не соответствует схеме API." в вашем файле react.

Почему “Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.” мы видим эту ошибку?

Эта ошибка возникает потому, что; в webpackDevServer.config.js#L46, allowedHosts имеет значение [undefined], потому что prepareUrls не устанавливает lanUrlForConfig, если указан хост.

Подробное решение для устранения ошибки “Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.”, приведено ниже:

Как исправить ошибку “Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.”?

For simple fix of the error, you can delete the “proxy”: “http://localhost:6000” and install the package http-proxy-middleware with the following command npm install http-proxy-middleware –save.

Чтобы исправить ошибку "Invalid options object. Dev Server has been initialized using an options object that does not match the API schema", выполните один из приведенных ниже методов:

Метод 1: Удаление "прокси": "http://localhost:6000"

Нужно удалить строку “proxy”: “http://localhost:6000” и установить пакет npm install http-proxy-middleware –save.

Далее создадим файл setupProxy.js внутри папки src и добавим туда пару строк.

Метод 2: Понизить свою версию webpack:

В package.json изменить свою react версию на "react-scripts": "4.0.3", удалите все node_modules, а затем снова установите все модули для приложения react.

Это должно исправить ошибку.

Заключение

Чтобы исправить ошибку "Неверный объект опций. Dev Server был инициализирован с использованием объекта options, который не соответствует схеме API.", вы можете удалить "proxy": "http://localhost:6000" и установить пакет http-proxy-middleware следующей командой npm install http-proxy-middleware -save. Вы также можете попробовать понизить версию webpack и обновить версию react-scripts.