Kan inte testa min reactJS app i mobilen! Vad ska jag göra?

Permalänk

Kan inte testa min reactJS app i mobilen! Vad ska jag göra?

Just nu jag utvecklar en reactJS app. Ingen React-Native.

Jag vill testa min reactJS app i mobilen.

Port nummret som min app använder är 8080

Vi kan anta min IPv4 address är 190.000.0.000. Den är bara exempel.

Om jag prövar 190.000.0.000:8080 chrome i mobilen, efter några sekunder webbläsare visar err_connection_timed_out error.

Min smartphone och dator använder samma wifi, och min mobil chrome kan visa mig xampp dashboard!!

Jag förstår inte varför min mobile chrome kan inte visa mig 190.000.0.000:8080 (addressen till eact app) om den kan visa 190.000.0.000/dashboard helt utan problem?

Permalänk
Medlem

Tillåter du porten i brandväggen? Har du sett till att servern besvarar anslutningar från adressen du ansluter från och inte bara localhost?

Visa signatur

Spela Swemantle! Du vet att du vill.

Ibland har jag fel, men då är det någon annans fel.

Permalänk
Skrivet av LemonIllusion:

Tillåter du porten i brandväggen? Har du sett till att servern besvarar anslutningar från adressen du ansluter från och inte bara localhost?

https://docs.microsoft.com/en-us/sql/database-engine/configur...

Jag har gjort allting som står under
To open a port in the Windows firewall for TCP access

men funkar inte

Permalänk
Medlem

Kör du webpack dev server? Kolla in dess config I så fall efter host. Kanske står den på localhost

Skickades från m.sweclockers.com

Permalänk
Skrivet av toj_ts:

Kör du webpack dev server? Kolla in dess config I så fall efter host. Kanske står den på localhost

Skickades från m.sweclockers.com

Ja använder jag webpack dev server

min webpack.config.js

module.exports = { entry: [ './public/src/index.js' ], module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, use: ['babel-loader'] } ] }, resolve: { extensions: ['*', '.js', '.jsx'] }, output: { path: __dirname + './public', publicPath: '/', filename: 'bundle.js' }, devServer: { contentBase: './' } };

Permalänk
Medlem

Starta med:

webpack-dev-server --host 0.0.0.0

Så kommer du åt den på lokala nätverket från andra enheter än localhost.

https://github.com/webpack/webpack-dev-server/issues/147

Permalänk
Skrivet av pwik:

Starta med:

webpack-dev-server --host 0.0.0.0

Så kommer du åt den på lokala nätverket från andra enheter än localhost.

https://github.com/webpack/webpack-dev-server/issues/147

Ok, istället npm start, jag har kört

webpack-dev-server --host 0.0.0.0

men vad ska jag göra i mobilen?

localhost:8080
0.0.0.0:8080 visar ERR_CONNECTION_REFUSED

IPv4:8080 visar ERROR_CONNECTION_TIMED_OUT fortfarande ..

Permalänk
Medlem

Aha, surfa in på datorns IP-adress där du kör webpack-dev-server med port 8080 på mobilen.

Permalänk
Skrivet av pwik:

Aha, surfa in på datorns IP-adress där du kör webpack-dev-server med port 8080 på mobilen.

Har ingen aning vad händer med min webpack och dator.
Jag har kört

webpack-dev-server --host xxx.xxx.x.xxx(min IPv4 address)

och prövar logga in till
IPv4address:8080 i mobilen
men fortfarande
ERR_CONNECTION_TIMED_OUT