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

Trädvy Permalänk
Medlem
Registrerad
Aug 2016

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?

Trädvy Permalänk
Medlem
Plats
SweClockers forum
Registrerad
Aug 2012

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?

Guide: Roota din HTC - BB-Kod-knappar på Prisjakt

              Min burk - Kvävekyld till 80%
8700K@stock
1070 Ti@stock

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

Trädvy Permalänk
Medlem
Registrerad
Aug 2016
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

Trädvy Permalänk
Medlem
Plats
Berget
Registrerad
Jun 2002

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

Trädvy Permalänk
Medlem
Registrerad
Aug 2016
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: './' } };

Trädvy Permalänk
Medlem
Registrerad
Jun 2006

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

Trädvy Permalänk
Medlem
Registrerad
Aug 2016
Skrivet av Gfer:

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 ..

Trädvy Permalänk
Medlem
Registrerad
Jun 2006

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

Trädvy Permalänk
Medlem
Registrerad
Aug 2016
Skrivet av Gfer:

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