Cannot use [chunkhash] or [contenthash] for chunk in '[name].[chunkhash].js' (use [hash] instead)

Question

I'm getting this error when trying to run webpack build with hashing in my config:

ERROR in chunk main [entry]
[name].[chunkhash].js
Cannot use [chunkhash] or [contenthash] for chunk in '[name].[chunkhash].js' 
(use [hash] instead)

Webpack dev server runs fine

What is the reason for this?

Answer 1

Commented out new webpack.HotModuleReplacementPlugin() in the plugins helped fix this

Answer 2

My solution was to change the filename depending on whether the mode is production or development:

filename: mode === 'production' ? '[name].[chunkhash].js' : '[name].[hash].js',

Fixed my problem and still able to use chunkhash for my production filenames as well as HotModuleReplacementPlugin.

Answer 3

This worked for me too...thanks to @pizzaae. One thing to note, is that you never want to enable HMR during production. Having different Webpack configs for Prod and Dev can help if you want to use both HotModuleReplacementPlugin and chunkash.