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.

Start_url issue and custom splash screen does not have name

See original GitHub issue

image

Steps to reproduce

  1. add this module to project (nuxt 3 + vuetify3 + pinia is present in project) cloudflare preset is used
  2. run npm run build
  3. run this command to serve npx miniflare .output/server/index.mjs --site .output/public
  4. open dev tool and generate report on lighthouse

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:11 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
pyshivamcommented, Jun 9, 2022

I think it is worth adding a warning for every mandatory field which are required by browsers to be able to accept a website as PWA, and I created my project using npx nuxi init as now all we know is that the name property was missing because of that it was failing to be recognized as PWA

1reaction
pyshivamcommented, Jun 9, 2022

The issue is solved,

  1. I checked my package.json file, name property was missing, so I added the name property to it
  2. In nuxt.config.ts I added this PWA config
  pwa: {
    workbox: {
      enabled: true,
    },
    manifest: {
      lang: "en",
      start_url: "/",
    },
  },

  1. I deleted the .nuxt and .output folders
  2. run npm run build
  3. run npx miniflare .output/server/index.mjs --site .output/public
  4. then i goto localhost URL of project and voila its working
Read more comments on GitHub >

github_iconTop Results From Across the Web

Android 12 Splash Screen Icon Not Displaying - Stack Overflow
I have no reason to reference the SplashScreen class directly unless I'm doing more sophisticated customization. Unfortunately, moving the ...
Read more >
Splash Screen in Android - ProAndroidDev
Splash screen is a screen that loads when you launch an app. When you first open your application, a loading screen, also known...
Read more >
Migrate your existing splash screen implementation to Android ...
If you have previously implemented a custom splash screen in Android 11 or lower, you'll need to migrate your app to the SplashScreen...
Read more >
Splash screen on Android jumps down during startup #47634
I encountered the problem both with physical device or emulators. By adding a drawable splash screen, the problem doesn't occur any more. (I ......
Read more >
Add a web app manifest
The manifest file can have any name, but is commonly named manifest.json and served from the root (your website's top-level directory).
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