Search code examples
reactjsnpmserve

ReactJS: How to kill `serve -s build`

Serve is a library that allows you to serve your React build folder similar to npm start

Create an app with npx create-react-app .

Then run the following the following to create build and serve the app

npm run build
npm install -g serve
serve -s build

enter image description here

It works perfectly, only how does one kill the listening on port 5000 control c brings back the suspended terminal prompt and lsof -iTCP -sTCP:LISTEN -n -P indicates that it is no longer listening on port 5000. pkill -9 node does not do it.

Even though it appears not to be listening on port 5000 I can go to localhost:5000 and it serves up the file as though it were listening on 5000;

NOTE: this happened on MacOS

Solution

  • The reason you're still seeing content even after the server is killed is because you're using a Service Worker. Service Workers will cache content so that even when a user is offline, they can continue to use your web app. What you're experiencing is the intended functionality.

    You can make your life a little easier by using Incognito Mode when working with service workers, so you can easily reset your browser and thereby clear any active service workers.

    I'd recommend you read more of the Workbox documentation as I can see you're working with that framework.