question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

manifest.json not injected

See original GitHub issue

Hi,

my manifest.json is not injected in my html template

This is my plugins object:

const plugins = [
  new CopyPlugin([{ from: "./public" }]),
  new ExtractPlugin({
    filename: isProd ? "css/[chunkhash:7].min.css" : "css/[name].css",
    allChunks: true
  }),
  new HtmlPlugin({
    excludeChunks: ["polyfill"],
    inject: true,
    template: "./src/index.html",
    minify: { removeComments: isProd }
  }),
  new ManifestPlugin({
    filename: "manifest.json",
    name: "App",
    short_name: "App",
    description: "Description",
    fingerprints: false,
    orientation: "landscape"
  })
];

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:8
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
JeandeCampredoncommented, Jun 6, 2019

I had the same issue, I thought it was because of webpack-html-plugin v4 that I am using, so I wrote this PR, hope it might help you guys

1reaction
bjornboscommented, Jan 22, 2019

I have the same problem, but you can easily solve by adding the tag to your template yourself:

<link rel="manifest" href="manifest.json">

However, in the end, I ended up using webapp-webpack-plugin

Read more comments on GitHub >

github_iconTop Results From Across the Web

content script not being injected into extension html page
I have an extension that gets JSON data from a site for a list of characters and their resources when chosen from a...
Read more >
manifest.json doesn't inject CSS everytime in some cases
When injecting CSS using the manifest, there are instances in which the CSS is not injected. In my manifest, I have both javascript...
Read more >
How to inject a React app into a Chrome Extension ... - Medium
Next build the app for production by running the command yarn run build form /package.json . · Check the Developer mode checkbox. ·...
Read more >
webpack-pwa-manifest - npm
json ' for your Progressive Web Application, with auto icon resizing and fingerprinting support. If you are using inject on your configuration, ...
Read more >
Anatomy of an extension - Mozilla - MDN Web Docs
JavaScript included with your extension, that you will inject into web pages. ... See the manifest.json reference page for all the details.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found