arthurbergmz / webpack-pwa-manifest

Progressive Web App Manifest Generator for Webpack, with auto icon resizing and fingerprinting support.
MIT License
513 stars 93 forks source link

manifest display property must be one of 'standalone', 'fullscreen', or 'minimal-ui' when display: 'standalone' is in options #160

Closed samgermain closed 3 years ago

samgermain commented 3 years ago

I have my webpack config for WebpackPwaManifest as the code below, but am still getting manifest display property must be one of 'standalone', 'fullscreen', or 'minimal-ui' under Application in the browser

const WebpackPwaManifest = require("webpack-pwa-manifest");
...
module.exports = {
...
  plugins: [
  ...
    new WebpackPwaManifest({
      icons: [
        {
          src: path.resolve("src/assets/images/Favicon/android-chrome-192x192Circle.png"),
          sizes: "192x192",
          type: "image/png",
        },
        {
          src: path.resolve("src/assets/images/logo/icon-512x512.png"),
          sizes: "512x512",
          type: "image/png",
        },
      ],
      name: "example",
      short_name: "example",
      orientation: "portrait",
      // display: 'standalone',
      start_url: "http://localhost:8080",
      theme_color: "#96cbbf",
      background_color: "#ffffff",
      description: "Description",
      display: "browser", //property set to fullscreen, standalone, or minimal-ui
      prefer_related_applications: false, //Says if you would prefer that the user download a mobile app from the app store or something
    })
    ...
   ]
}
samgermain commented 3 years ago

The mistake was that I had display in there twice