Giter VIP home page Giter VIP logo

Comments (6)

userquin avatar userquin commented on June 30, 2024

You're using base: '/app/' and you're registering the sw scope with /, remove the scope from the pwa configuration and update the start_url to use the base url or configure the base url in some common place and use it to configure the pwa stuff.

Also update the custom sw, you're using / in allow and deny list and navigation fallback.

from nuxt.

leonardo-melhor-envio avatar leonardo-melhor-envio commented on June 30, 2024

@userquin I made the changes as you mentioned, but I didn't get success.
I use a baseURL /app/ but I also need to use a cdnURL /, while building my project.
If I remove the base url, everything works normally.

how can i achieve that?
I believe we should look at this cdnURL.

// nuxt.config.js

app: {
    baseURL: '/app/',
    cdnURL: '/'
  },

from nuxt.

userquin avatar userquin commented on June 30, 2024

@leonardo-melhor-envio upps, I have no idea about that configuration, it seems you have 2 urls, try just adding / to the pwa scope and start_url, add also a manifestTransform to add app/ prefix to any entry: entry.url

EDIT: IIRC you have some option about using a prefix in the injectManifest configuration option

Maybe you also need to add some headers: vite-pwa/vite-plugin-pwa#467 (comment)

from nuxt.

danieldanielecki avatar danieldanielecki commented on June 30, 2024

I experience the same problem, seeing

[Vue Router warn]: No match found for location with path "/dev-sw.js?dev-sw"
[Vue Router warn]: No match found for location with path "/dev-sw.js"

in the console, with "0 config" and with custom pwa object configurations.

from nuxt.

danieldanielecki avatar danieldanielecki commented on June 30, 2024

It looks like #54 is related, but the answer there doesn't work for me, yet.

from nuxt.

KUN1007 avatar KUN1007 commented on June 30, 2024

Same issue. For me, as long as all options in the devOptions are removed, the error message disappears.
However, I am not sure if this is the best practice.

...
// remove the devOptions option
    devOptions: {
      enabled: true,
      suppressWarnings: true,
      navigateFallbackAllowlist: [/^\/$/],
      type: 'module'
    }

My repository is here, and I welcome any guidance from anyone.

from nuxt.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.