Html-webpack-plugin: Path must be a string. Received undefined

Created on 5 Jun 2016 · 4Comments · Source: jantimon/html-webpack-plugin

I was using the version 1.6.2 of this lib and seems after upgrading webpack to version 1.13.* the webpack build started to give me the error:

ERROR in Path must be a string. Received undefined

I could not find really where this problem was occurring. But looks like after upgrading it to latest version 2.19.0 the error disappeared.

Source

maxcnunes

👍4

Most helpful comment

This bug was difficult to track down so adding here so others can benefit. After switching to Node v6 I would get the error above. Turns out the offending code was:

var publicPath = typeof compilation.options.output.publicPath !== 'undefined' ?
      compilation.mainTemplate.getPublicPath({hash: webpackStatsJson.hash}) :
      path.relative(path.dirname(self.options.filename), '.');

When self.options.filename was undefined the plugin would break since Node v6 must have values for path.dirname . A simple solution was to set the filename

new HtmlWebpackPlugin({
      template: 'project/app/index.html',
      favicon: 'project/app/favicon.ico',
      filename: 'index.html',
      pkg: getPkg()
})

robmcguinness on 1 Mar 2017

👍5

All 4 comments

This bug was difficult to track down so adding here so others can benefit. After switching to Node v6 I would get the error above. Turns out the offending code was:

var publicPath = typeof compilation.options.output.publicPath !== 'undefined' ?
      compilation.mainTemplate.getPublicPath({hash: webpackStatsJson.hash}) :
      path.relative(path.dirname(self.options.filename), '.');

When self.options.filename was undefined the plugin would break since Node v6 must have values for path.dirname . A simple solution was to set the filename

new HtmlWebpackPlugin({
      template: 'project/app/index.html',
      favicon: 'project/app/favicon.ico',
      filename: 'index.html',
      pkg: getPkg()
})

robmcguinness on 1 Mar 2017

👍5

Thanks Rob! I just ran into the same error and the same solution works for me.