[Bug]: Live reload does not work with Netlify starter

See original GitHub issue

Which Remix packages are impacted?

remix (Remix core)
create-remix
@remix-run/architect
@remix-run/cloudflare-workers
@remix-run/dev
@remix-run/express
@remix-run/netlify
@remix-run/node
@remix-run/react
@remix-run/serve
@remix-run/server-runtime
@remix-run/vercel

What version of Remix are you using?

1.0.4

Steps to Reproduce

Create the app with npx create-remix@latest and select Netlify.

Expected Behavior

Content should be changed

Actual Behavior

The content has not changed

Issue Analytics

State:
Created 2 years ago
Reactions:5
Comments:8 (1 by maintainers)

Top GitHub Comments

7reactions

kalijonncommented, Nov 25, 2021

while creating the WebSocket Server, remix reads devServerPort from remix.config.js in the root directory. By default it’s 8888 while the websocket is trying to connect to 8002. By changing devServerPort on remix.config.js to 8002, LiveReload works.

My first open source contribution! yay!

P.S: I looked at CONTRIBUTING.md but looks like the Contributor License Agreement is not ready yet.

Regards, Kali.

2reactions

bushbladecommented, Nov 29, 2021

Came here to post the same bug, can confirm that @kalijonn’s solution works for me.

module.exports = {
  appDirectory: 'app',
  browserBuildDirectory: 'public/build',
  publicPath: '/build/',
  serverBuildDirectory: 'netlify/functions/server/build',
  devServerPort: 8002, // should not be 8888
}