Я взял на себя чужой проект и напрямую скопировал предыдущие результаты конфигурации при настройке devServer и сообщил об ошибке
ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
- options has an unknown property 'disableHostCheck'. These properties are valid:
object {
allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, setupMiddlewares?, static?, watchFiles?, webSocketServer? }
ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
Это сообщение об ошибке означает, что Dev Server был инициализирован с опционным объектом, который не соответствует режиму API, который четко указывает на атрибут «disableHostCheck», поэтому я заблокировал этот атрибут и обнаружил, что его можно успешно запустить.
В это время я проверил версию веб-пакета предыдущего и этого проекта и обнаружил, что версия на этот раз — веб-пакет 5. Раньше это был веб-пакет 4, и я проверил документацию по веб-пакету и обнаружил, что атрибут «disableHostCheck» был удален и заменен
в webpack4. Его больше нет в webpack5. Этот атрибут существует, поэтому его настройка приведет к ошибке. Правильный способ — заменить его на
devServer: {
historyApiFallback: true,
allowedHosts: "all"
},
ХОРОШО!