Could not find HTML asset #5

creage · 2018-06-04T07:36:03Z

Followed usage instructions, and get this error:

Error: Could not find HTML asset.
    at C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\critters-webpack-plugin\dist\critters.js:200:39
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\Hook.js:35:21)
    at hooks.optimizeChunkAssets.callAsync.err (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\webpack\lib\Compilation.js:976:32)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\Hook.js:35:21)
    at hooks.additionalAssets.callAsync.err (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\webpack\lib\Compilation.js:971:36)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\Hook.js:35:21)
    at hooks.optimizeTree.callAsync.err (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\webpack\lib\Compilation.js:967:32)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\Hook.js:35:21)
    at Compilation.seal (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\webpack\lib\Compilation.js:904:27)
    at hooks.make.callAsync.err (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\webpack\lib\Compiler.js:494:17)
    at _done (eval at create (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:9:1)
    at _err1 (eval at create (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:32:22)
    at _addModuleChain (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\webpack\lib\Compilation.js:770:12)
    at processModuleDependencies.err (C:\TFS\WorkZone\WZC\Main\Source\client\node_modules\webpack\lib\Compilation.js:709:9)
    at process._tickCallback (internal/process/next_tick.js:61:11)

Tried with html-webpack-plugin on
webpack 4.10.2
nodejs 10.3.0

The text was updated successfully, but these errors were encountered:

stevenfitzpatrick · 2018-06-06T19:09:35Z

+1

lineldcosta · 2018-06-22T02:28:56Z

+1

developit · 2018-07-13T19:53:18Z

Can someone share their HtmlWebpackPlugin() plugin configuration?

ikhudo · 2018-07-25T12:09:11Z

+1

creage · 2018-07-25T12:18:46Z

@developit it is very simple

new HtmlWebpackPlugin({
    filename: 'index.html',
    template: '../index.html',
    chunksSortMode: 'none'
})

and index.html has just <head> and <body> tags in it.

prateekbh · 2018-09-11T17:52:11Z

What worked for me was the order of plugins in the plugins array. Putting crittersplugin after htmlwebpackplugin made it work for me

harrygreen · 2018-09-18T11:49:30Z

Moving it after HtmlWebpackPlugin worked for me, but then got the more cryptic error: undefined

prateekbh · 2018-09-18T14:18:42Z

@harrygreen, any stack Trace? Which version?

tmf · 2018-11-24T12:27:06Z

Hi,

I ran into the same issue...

I think this is due to a change in html-webpack-plugin@next (tested with 4.0.0-beta.4): the hooks were renamed in jantimon/html-webpack-plugin#1032.

Maybe when the 4.0.0 version will be released,

critters/src/index.js

Line 116 in 8e9e9c0

    
           tap(compilation, 'html-webpack-plugin-after-html-processing', PLUGIN_NAME, true, (htmlPluginData, callback) => {

needs to use one of these hooks: https://github.com/jantimon/html-webpack-plugin#events (maybe afterEmit?)

Solution: revert to a stable version of html-webpack-plugin.
Hope that helps.

developit · 2018-12-21T21:42:16Z

@tmf good catch, that's likely the issue.

notnotgabriel · 2019-04-18T18:25:02Z

+1 I'm having the same issue here

ilanbm · 2019-04-30T13:40:38Z

+1 same here

aymenbz · 2019-05-27T13:05:50Z

+1 same issue

ilanbm · 2019-06-03T16:04:44Z

+1 same issue

EthianWong · 2019-06-12T04:15:06Z

+1 same issue

andrispraulitis · 2019-06-20T11:56:16Z

Does this plugin require html-webpack-plugin?

breart · 2019-08-10T13:05:01Z

Did anyone fix the issue? I've tried moving it after, using the stable version, nothing worked.

szTheory · 2019-09-24T02:44:23Z

Still running into this bug.

lokmanm · 2019-09-28T09:37:07Z

This bug is still on tried with the latest version.

developit · 2019-11-01T21:01:15Z

Looks like we'll need to make this plugin more specific to html-webpack-plugin as of v4:
https://github.com/jantimon/html-webpack-plugin#afteremit-hook

naiyerasif · 2020-05-13T02:30:26Z

I'm getting the same error

 Could not find HTML asset.
    at E:\web\microflash\node_modules\critters-webpack-plugin\dist\critters.js:168:39
    at AsyncSeriesHook.eval [as callAsync] (eval at create (E:\web\microflash\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at AsyncSeriesHook.lazyCompileHook (E:\web\microflash\node_modules\tapable\lib\Hook.js:154:20)
    at E:\web\microflash\node_modules\webpack\lib\Compilation.js:1414:32
    at AsyncSeriesHook.eval [as callAsync] (eval at create (E:\web\microflash\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook (E:\web\microflash\node_modules\tapable\lib\Hook.js:154:20)
    at E:\web\microflash\node_modules\webpack\lib\Compilation.js:1409:36
    at AsyncSeriesHook.eval [as callAsync] (eval at create (E:\web\microflash\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook (E:\web\microflash\node_modules\tapable\lib\Hook.js:154:20)
    at E:\web\microflash\node_modules\webpack\lib\Compilation.js:1405:32
    at AsyncSeriesHook.eval [as callAsync] (eval at create (E:\web\microflash\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook (E:\web\microflash\node_modules\tapable\lib\Hook.js:154:20)
    at Compilation.seal (E:\web\microflash\node_modules\webpack\lib\Compilation.js:1342:27)
    at E:\web\microflash\node_modules\webpack\lib\Compiler.js:675:18
    at E:\web\microflash\node_modules\webpack\lib\Compilation.js:1261:4
    at AsyncSeriesHook.eval [as callAsync] (eval at create (E:\web\microflash\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:29:1)

with html-webpack-plugin@3.2.0 using the following configuration.

{
  minify: true,
  templateContent () {
    return createHTMLRenderer(projectConfig.htmlTemplate)({
      app: '<div id="app"></div>'
    })
  }
}

createHTMLRenderer is a function to generate the HTML from a template.

Environment
Node: 12.16.3
Webpack: 4.43.0

dsacramone · 2020-07-22T00:49:56Z

@naiyerasif you find a solution? Running into this now too.

naiyerasif · 2020-07-22T06:06:51Z

@dsacramone Unfortunately, this became a showstopper for me and I had to revert back to puppeteer for my use case. There's an open PR #52 against this issue, but not sure if it is going anywhere.

dmnsgn · 2021-01-08T17:14:07Z

I can confirm the following PR #62 is fixing this issue for me.

CuteShaun · 2021-03-29T19:06:00Z

+1 same

Error: Could not find HTML asset.
at /app/node_modules/critters-webpack-plugin/dist/critters.js:168:39
at AsyncSeriesHook.eval [as callAsync] (<anonymous>:12:1)
at AsyncSeriesHook.lazyCompileHook (/app/node_modules/tapable/lib/Hook.js:154:20)
at hooks.optimizeChunkAssets.callAsync.err (/app/node_modules/webpack/lib/Compilation.js:1414:32)
at _promise0.then._result0 (<anonymous>:18:1)
at process._tickCallback (internal/process/next_tick.js:68:7)

webpack: 4.44.1
node: 10.13.0

developit · 2021-10-22T16:53:22Z

This has been fixed in #84 and published as critters-webpack-plugin@3.0.0.

hjiog · 2023-04-23T04:54:26Z

i ran into the same issue ,and my html-webpack-plugin version is 5.5.0

developit added the bug Something isn't working label Aug 9, 2018

prateekbh mentioned this issue Sep 11, 2018

Inline CSS with Critters Plugin preactjs/preact-cli#642

Merged

ciampo mentioned this issue Nov 7, 2019

How to add to next.js #44

Closed

dominykas mentioned this issue Mar 30, 2020

Incompatible with html-webpack-plugin v4 #52

Closed

dmnsgn mentioned this issue Jan 8, 2021

fix: compatible with htmlwebpackplugin4 #62

Closed

developit closed this as completed Oct 22, 2021

developit added the has fix label Oct 22, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Could not find HTML asset #5

Could not find HTML asset #5

creage commented Jun 4, 2018

stevenfitzpatrick commented Jun 6, 2018

lineldcosta commented Jun 22, 2018

developit commented Jul 13, 2018

ikhudo commented Jul 25, 2018

creage commented Jul 25, 2018

prateekbh commented Sep 11, 2018

harrygreen commented Sep 18, 2018

prateekbh commented Sep 18, 2018

tmf commented Nov 24, 2018 •

edited

Loading

developit commented Dec 21, 2018

notnotgabriel commented Apr 18, 2019

ilanbm commented Apr 30, 2019

aymenbz commented May 27, 2019

ilanbm commented Jun 3, 2019

EthianWong commented Jun 12, 2019

andrispraulitis commented Jun 20, 2019

breart commented Aug 10, 2019

szTheory commented Sep 24, 2019

lokmanm commented Sep 28, 2019

developit commented Nov 1, 2019

naiyerasif commented May 13, 2020

dsacramone commented Jul 22, 2020

naiyerasif commented Jul 22, 2020

dmnsgn commented Jan 8, 2021

CuteShaun commented Mar 29, 2021 •

edited

Loading

developit commented Oct 22, 2021

hjiog commented Apr 23, 2023

Could not find HTML asset #5

Could not find HTML asset #5

Comments

creage commented Jun 4, 2018

stevenfitzpatrick commented Jun 6, 2018

lineldcosta commented Jun 22, 2018

developit commented Jul 13, 2018

ikhudo commented Jul 25, 2018

creage commented Jul 25, 2018

prateekbh commented Sep 11, 2018

harrygreen commented Sep 18, 2018

prateekbh commented Sep 18, 2018

tmf commented Nov 24, 2018 • edited Loading

developit commented Dec 21, 2018

notnotgabriel commented Apr 18, 2019

ilanbm commented Apr 30, 2019

aymenbz commented May 27, 2019

ilanbm commented Jun 3, 2019

EthianWong commented Jun 12, 2019

andrispraulitis commented Jun 20, 2019

breart commented Aug 10, 2019

szTheory commented Sep 24, 2019

lokmanm commented Sep 28, 2019

developit commented Nov 1, 2019

naiyerasif commented May 13, 2020

dsacramone commented Jul 22, 2020

naiyerasif commented Jul 22, 2020

dmnsgn commented Jan 8, 2021

CuteShaun commented Mar 29, 2021 • edited Loading

developit commented Oct 22, 2021

hjiog commented Apr 23, 2023

tmf commented Nov 24, 2018 •

edited

Loading

CuteShaun commented Mar 29, 2021 •

edited

Loading