Nodemon not restarting when html file is modified

Question

I'm learning Node.js, my demo has two files:

• /server.js
• /public/index.html

/server.js will get /public/index.html and then return to the client.

I'd like to use nodemon to auto reload when /public/index.html is modified. However, it seems like nodemon only works when I modify /server.js and not when /public/index.html is modified.

I'm using nodemon server.js to starting the server.

Outlawry

Answer 1

Just specify watching html on the nodemon command line (or better yet, add a config file).

From the documentation:

By default, nodemon looks for files with the .js, .coffee, .litcoffee, and .json extensions. If you use the --exec option and monitor app.py nodemon will monitor files with the extension of .py. However, you can specify your own list with the -e (or --ext) switch like so:

nodemon -e js,jade Now nodemon will restart on any changes to files in the directory (or subdirectories) with the extensions .js, .jade.

Szymanski

Just to add to this, since you've made mention of using a nodemon.json file, here's the sample config from the docs. You can use the ext property to specify which file extensions to watch. – Bunker

nodemon -e * will force it to watch for ALL file changes in the folder. – Caravansary

it rebuilds, but doesnt refresh the browser page – Agog

nodemon -e '*' for me. Without quotes, bash provides file from my current directory – Heroics

Answer 2

Add nodemon.json configuration file worked for me.

{
  "ext": "html"
}

Benevolent

Answer 3

Use a comma separated string to add multiple extensions in nodemon.json

{
    "ext": "js,html"
}

Bounce

Or if running from command line, nodemon -e js,html app.js – Isolecithal

Answer 4

Here's another possibility: using your existing package.json file:

"name": "app",
"version": "1.0.0",
"nodemonConfig": {
  "ext": "js,html"
}

Just keep in mind nodemon will only be checking for .js and .html files from now on. You'll have to add your own files if you have more.

Hague

Answer 5

Add watching extension for all in package.json file do something like with your scripts:

"scripts": {
    "start": "nodemon -e * app.js"
  }

This worked for me.

Depositor

Answer 6

Add a nodemon.json file, inside the file do something like:

{
   “watch”  : [ “filename.html”]
}

Restart nodemon, that works with me.

Sharonsharona