Нельзя использовать [chunkhash] или [contenthash] для чанка в '[name]. [Chunkhash] .js' (используйте вместо этого [hash])

Question

Я получаю эту ошибку при попытке запустить webpack build с хэшированием в моей конфигурации:

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

Сервер Webpack работает нормально

В чем причина этого?

Answer 1

Мое решение состояло в том, чтобы изменить имя файла в зависимости от того, является ли режим производственным или разрабатываемым:

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

Исправлена ​​проблема, и я все еще мог использовать chunkhash для моих производственных имен файлов, а также HotModuleReplacementPlugin.

Answer 2

Я сделал что-то более похожее на это, поэтому у вас нет возможности комментировать

output: {
    filename: process.env.production ? `bundle-[chunkHash].js` : `bundle-[hash].js`
}

ChunkHash следует использовать только в производстве.

Answer 3

В моем случае я хотел включить замену Hot Module для сервера dev, поэтому я изменил его на:

output: {
    filename: '[name].[hash].js',
},

Answer 4

если config webpack.HotModuleReplacementPlugin () в режиме: «разработка». удалены или закомментированы webpack.HotModuleReplacementPlugin () плагины формы.

module.exports = merge(common, {
  mode: 'development',
  devtool: 'inline-source-map', // source-map
  devServer: {
      contentBase: './dist',
      //hot: true
  },
  plugins: [
      new ManifestPlugin({fileName: '006.manifest.json'}),
      new webpack.NamedModulesPlugin()
      //new webpack.HotModuleReplacementPlugin()
  ]
})

Answer 5

Это сработало и для меня ... благодаря @pizzaae. Стоит отметить, что вы никогда не хотите включать HMR во время производства . Наличие разных настроек Webpack для Prod и Dev может помочь, если вы хотите использовать как HotModuleReplacementPlugin, так и chunkash.

Answer 6

Закомментировано new webpack.HotModuleReplacementPlugin() в плагинах помогло исправить это