InlineChunkHtmlPlugin Cannot read property 'endsWith' of undefined

Is this a bug report?

Yes

Did you try recovering your dependencies?

Yes.

Which terms did you search for in User Guide?

InlineChunkHtmlPlugin publicPath

Environment

The npx create-react-app --info commands generates an error…

Steps to Reproduce

I have a project based on CRA2.0 that I ejected. I am using Styleguidist to show my React components. When I build with Styleguidist it uses the webpack.config.prod.js of my project to obtains some data. The issue is I am getting the following error:

TypeError: Cannot read property 'endsWith' of undefined
TypeError: Cannot read property 'endsWith' of undefined
    at InlineChunkHtmlPlugin.apply (C:\Git\web-react-components-library\node_modules\react-dev-utils\InlineChunkHtmlPlugin.js:33:21)
    at webpack (C:\Git\web-react-components-library\node_modules\webpack\lib\webpack.js:47:13)
    at build (C:\Git\web-react-components-library\node_modules\react-styleguidist\scripts\build.js:5:9)
    at commandBuild (C:\Git\web-react-components-library\node_modules\react-styleguidist\bin\styleguidist.js:96:19)

When I look at the InlineChunkHtmlPlugin apply function I can see that it looks for compiler.options.output.publicPath but in case of Styleguidist this value is undefined.

Expected Behavior

The InlineChunkHtmlPlugin apply function should probably test if the publicPath is valid before continuing.

Thanks.

[strongui]

@DavidHenri008 This error shouldn’t arrive if you have publicPath defined in your webpack config.

module.exports = {
	...,
	output: {
		publicPath: 'MUST_BE_STRING'
	},
	...,
}

[Timer]

We cannot reproduce this. If this is for an ejected project we’d be happy to take a PR making our plugins more flexible.