Webpack-dev-server HMR not work when i add publicpath in output obj

Asked Sep 08 '22 at 04:45

Active Sep 08 '22 at 07:03

Viewed 154 times

Just like title, when I add publicPath property in output, the HMR(Hot module replacement) not work, and when I remove it, It can work correctly. And below is my webpack configuration:

output: {
    path: path.resolve(__dirname, './dist'),
    filename: '[name].js',
    libraryTarget: 'umd',
    // globalObject: 'window',
    publicPath: `http://localhost:${PORT_NUMBER}` // this line, when I add, HMR not work
  },
  devServer: {
    hot: true,
    historyApiFallback: true,
    // 设置本地服务端口
    port: PORT_NUMBER,
    headers: {
      'Access-Control-Allow-Origin': '*',
    },

Who can help me solve it, Thanks a lot.

my webpack version is : "^5.72.0", and webpack-dev-server version is "^4.8.1"

edited Sep 08 '22 at 07:03

asked Sep 08 '22 at 04:45

Zhao Canxiang

which version of webpack are you using? – kavigun Sep 08 '22 at 06:19
@kavigun "webpack": "^5.72.0", – Zhao Canxiang Sep 08 '22 at 06:43
Add `target: 'web'` in your webpack config – kavigun Sep 08 '22 at 06:53
@kavigun I have add, and not work also. Thanks a lot. – Zhao Canxiang Sep 08 '22 at 06:57
It is a known issue on the GitHub page. This is the solution claimed on the GitHub page of this issue to be working for everyone. It is strange that it is not working for you. – kavigun Sep 08 '22 at 13:58
Can you apply a url of the issue, I have tried find it, and failed. Thanks a lot. – Zhao Canxiang Sep 09 '22 at 02:26
Here is the URL: https://github.com/webpack/webpack-dev-server/issues/2758#issuecomment-715629138 – kavigun Sep 09 '22 at 06:10

Webpack-dev-server HMR not work when i add publicpath in output obj

0 Answers0