Gatsby: рд╣реЙрдЯ рд░реАрд▓реЛрдбрд┐рдВрдЧ рдореЗрдВ рддреНрд░реБрдЯрд┐

рдХреЛ рдирд┐рд░реНрдорд┐рдд 22 рдирд╡ре░ 2017  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: gatsbyjs/gatsby

Steps рдХрджрдо

  1. gatsby new tutorial-part-one https://github.com/gatsbyjs/gatsby-starter-hello-world
  2. cd tutorial-part-one && gatsby develop
  3. Initial view рдкреНрд░рд╛рд░рдВрднрд┐рдХ рджреГрд╢реНрдп

first

  1. Edit index.js in src/pages/ and save the file. index.js рдХреЛ src/pages/ $ рдореЗрдВ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ рдФрд░ рдлрд╝рд╛рдЗрд▓ рдХреЛ рд╕рд╣реЗрдЬреЗрдВред

react

  1. View after hot reload. рд╣реЙрдЯ рд░реАрд▓реЛрдб рдХреЗ рдмрд╛рдж рджреЗрдЦреЗрдВред

first

Expected behavior рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░

Gatsby's development server should hot reload in the browser and reflect changes made in src/pages/index.js . Gatsby рдХреЗ рд╡рд┐рдХрд╛рд╕ рд╕рд░реНрд╡рд░ рдХреЛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рд╣реЙрдЯ рд░реАрд▓реЛрдб рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдФрд░ src/pages/index.js рдореЗрдВ рдХрд┐рдП рдЧрдП рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рдкреНрд░рддрд┐рдмрд┐рдВрдмрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред The view must be as below: рджреГрд╢реНрдп рдиреАрдЪреЗ рдЬреИрд╕рд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП:

second

Actual behavior рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд╡реНрдпрд╡рд╣рд╛рд░

No hot reloading in the browser. рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдХреЛрдИ рд╣реЙрдЯ рд░реАрд▓реЛрдбрд┐рдВрдЧ рдирд╣реАрдВред

Errors in console рдХрдВрд╕реЛрд▓ рдореЗрдВ рддреНрд░реБрдЯрд┐рдпрд╛рдВ

error

For changes to get reflected the browser needs to be refreshed. рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рдкреНрд░рддрд┐рдмрд┐рдВрдмрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЛ рд░реАрдлреНрд░реЗрд╢ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

en

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

It works for me when I start the server with gatsby develop --host localhost . рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬрдм рдореИрдВ рд╕рд░реНрд╡рд░ рдХреЛ gatsby develop --host localhost рд╕реЗ рд╢реБрд░реВ рдХрд░рддрд╛ рд╣реВрдВред This is either unexpected behavior or should be added to all tutorials that mention hot reloading with gatsby develop . рдпрд╣ рдпрд╛ рддреЛ рдЕрдкреНрд░рддреНрдпрд╛рд╢рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ рд╣реИ рдпрд╛ рдЙрди рд╕рднреА рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓ рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП рдЬреЛ gatsby develop рдХреЗ рд╕рд╛рде рд╣реЙрдЯ рд░реАрд▓реЛрдбрд┐рдВрдЧ рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рддреЗ рд╣реИрдВред

en

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

It works for me when I start the server with gatsby develop --host localhost . рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬрдм рдореИрдВ рд╕рд░реНрд╡рд░ рдХреЛ gatsby develop --host localhost рд╕реЗ рд╢реБрд░реВ рдХрд░рддрд╛ рд╣реВрдВред This is either unexpected behavior or should be added to all tutorials that mention hot reloading with gatsby develop . рдпрд╣ рдпрд╛ рддреЛ рдЕрдкреНрд░рддреНрдпрд╛рд╢рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ рд╣реИ рдпрд╛ рдЙрди рд╕рднреА рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓ рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП рдЬреЛ gatsby develop рдХреЗ рд╕рд╛рде рд╣реЙрдЯ рд░реАрд▓реЛрдбрд┐рдВрдЧ рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рддреЗ рд╣реИрдВред

en

@andreasgruenh gatsby develop --host localhost рдЬреЛрдбрд╝рдиреЗ рд╕реЗ рд╡рд┐рдХрд╛рд╕ рд╕рд░реНрд╡рд░ рдХреЛ рдиреЗрдЯрд╡рд░реНрдХ рдореЗрдВ рдЙрдЬрд╛рдЧрд░ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред

en

Hi @andreasgruenh @gagan0723 please see https://github.com/gatsbyjs/gatsby/pull/2983#issuecomment -346126702 and https://github.com/gatsbyjs/gatsby/issues/2960#issuecomment -346130796 and more recent comments. рд╣рд╛рдп @andreasgruenh @ gagan0723 рдХреГрдкрдпрд╛ https://github.com/gatsbyjs/gatsby/pull/2983#issuecomment -346126702 рдФрд░ https://github.com/gatsbyjs/gatsby/issues/2960#issuecomment -346130796 рдФрд░ рдЕрдзрд┐рдХ рд╣рд╛рд▓рд┐рдпрд╛ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдВ рджреЗрдЦреЗрдВред . Looks like we should default to localhost on Mac as well to avoid these. рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрдирд╕реЗ рдмрдЪрдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдореЗрдВ рдореИрдХ рдкрд░ рднреА рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ localhost рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред For local network testing on Mac can do -H [machine_name].local , any of that help? рдореИрдХ рдкрд░ рд╕реНрдерд╛рдиреАрдп рдиреЗрдЯрд╡рд░реНрдХ рдкрд░реАрдХреНрд╖рдг рдХреЗ рд▓рд┐рдП -H [machine_name].local рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЗрдирдореЗрдВ рд╕реЗ рдХреЛрдИ рднреА рдорджрдж?

en
рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

ferMartz picture ferMartz  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Oppenheimer1 picture Oppenheimer1  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kalinchernev picture kalinchernev  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

brandonmp picture brandonmp  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

andykais picture andykais  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ