Всем привет, нужна помощь с webpack-dev-server у меня есть конфигурация вебпака

вот с такой настройкой для дев (ниже)

проблема в том, что когда я захожу на сайт по ip он показывает белый экран

уже впал в отчаяние (

module.exports = merge(commonConfig, {
mode: 'development',
entry: [
'webpack/hot/only-dev-server',
`webpack-dev-server/client?http://localhost:${APP_PORT}`,
'./src/index.tsx',
],
output: {
publicPath: '/',
},
devServer: {
hot: true,
https: false,
port: APP_PORT,
open: false,
historyApiFallback: true,
devMiddleware: {
stats: { children: true },
},
client: {
logging: 'info',
overlay: {
errors: true,
warnings: true,
},
},
// ----------------------------------------
allowedHosts: 'all',
headers: {
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': '*',
'Access-Control-Allow-Headers': '*',
},
host: '0.0.0.0',
},
devtool: 'source-map',
plugins: [new webpack.HotModuleReplacementPlugin(), new ReactRefreshWebpackPlugin()],
});

по айпи, зачем по айпи? какие ошибки в браузере и консоли вы видите?

по локальному, для тестов апки нателефоне ошибок нет, просто белый экран, в нетворке загрузка файлов фэйлится

а не по айпи работает? зачем вам webpack-dev-server/client?http://localhost:${APP_PORT} в энтри?

вот так работает http://localhost:3000 webpack-dev-server/client?http://localhost:${APP_PORT} это доп конфигурация, но если ее убрать то по айпи всё так же не работает

ну судя по симптомам где то пути не правильные. подозреваю где в ссылках вписан localhost - которого на вашем телефоне просто нету