No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. daniel
    D
    • Profile
    • Following 0
    • Followers 0
    • Topics 5
    • Posts 21
    • Best 1
    • Groups 0

    daniel

    @daniel

    1
    Reputation
    2
    Profile views
    21
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    daniel Follow

    Best posts made by daniel

    • RE: Unsafe return of an any typed value

      I’ve the same problem. I am not using vue3! I created a Quasar project with typescript support. But when I am trying to access the store, I’ll get the same error.
      My current workaround is casting the state to the interface created in the index.ts file in the store folder. In your case the cast would look like this:

      (<StateInterface> this.$store.state).user
      
      posted in Help
      D
      daniel

    Latest posts made by daniel

    • RE: How to set up a CDN for SPA (got problems with vue-router)

      @beets I have to admit that I am not a full-time frontend developer. So, currently I am speechless, never heard about this before. This is definitely a very good advise - removing libs from the bundle. Thanks again.

      posted in Help
      D
      daniel
    • RE: How to set up a CDN for SPA (got problems with vue-router)

      @beets Definitely. And what about the page speed and size? Our SPA has a huge JS file)s), about 700K which is necessary for the index page (vendor*.js). I tried to reduce its size but without luck. Is the size of the JS files still the same with SSR?

      posted in Help
      D
      daniel
    • RE: How to set up a CDN for SPA (got problems with vue-router)

      @beets That would be nice. Personally I created only SPAs so far. But SPA has a few drawbacks and I’m dealing with SSR for some time.

      posted in Help
      D
      daniel
    • RE: How to set up a CDN for SPA (got problems with vue-router)

      @beets WOW - that’s incredible. I think I need some time to understand it. Thank you very much!!!

      posted in Help
      D
      daniel
    • RE: How to set up a CDN for SPA (got problems with vue-router)

      @beets This sound very interesting. Is it possible to show how you achieved that (i.e. showing the quasar.conf.js)? Maybe we can use this approach for the next project.

      posted in Help
      D
      daniel
    • RE: How to set up a CDN for SPA (got problems with vue-router)

      @beets Thanks. The webpack “command” is perfekt. Because the JS and CSS assets are the “biggest” assets, it is important, that these are served by S3.

      posted in Help
      D
      daniel
    • RE: How to set up a CDN for SPA (got problems with vue-router)

      @dobbel The content of the public folder (dist/spa) is copied to Amazon S3 during the pipeline build by gitLab.

      posted in Help
      D
      daniel
    • How to set up a CDN for SPA (got problems with vue-router)

      Hi,

      we are building a Quasar SPA which has to use a CDN. This means, that every asset (generated JS files, images and so on) is deployed to an AWS S3 bucket.

      So, I configured the CDN in quasar.conf.js by setting the publicPath:

         ...
         build: {
            ...
            vueRouterMode: 'hash',
            publicPath: 'AWS_S3_URL',
           ...
         }
        ...
      

      This adds a base TAG:

      <html>
         <head>
           <base href="AWS_S3_URL" >
           ....
      

      So far so good. The problem is, that in case of reloading a page or using the back - button of the browser, the page will be blank and a JS error in the JS console appears:

      SecurityError: Blocked attempt to use history.replaceState() to change session history URL from MY_URL to AWS_S3_URL. [...]
      

      And

      TypeError: undefined is not an object (evaluating 'l.matched')
      

      It seems, that the CDN URL is causing a couple of problems here with the vue-router.

      So, my question is: is there another way to set up a CDN? Is this the intended way to use a CDN by setting a base TAG?

      Thanks for your help.

      Best regards,
      Daniel

      posted in Help
      D
      daniel
    • Using browsers' back button to navigate a step back (using q-stepper)

      Hi,

      the q-stepper is the perfect fit for our use case. The only thing I’m missing is the ability to go back one step using the back button of the browser. Currently, when using the back button, the previous page (not the step) is shown, which means, when I navigate from the welcome page to the page with the stepper, pressing the back button of the browser navigates me (back) to the welcome page.

      <template>
          <q-stepper v-model="step">
            <q-step :name="1" :done="step > 1">Start</q-step>
            <q-step :name="2" :done="step > 2">Middle</q-step>
            <q-step :name="3">End</q-step>
          </q-stepper>
      </template>
      

      For example: I’m currently in step 2. Pressing the back button should navigate me back to step 1.

      Is there a way to use / configure the back button to go back a step? I read in a different post, that there might be a way to combine Vue router and the stepper. But I’ve no idea how to do this.

      I appreciate your help.
      Thanks in advance.

      Best regards,
      Daniel

      posted in Help
      D
      daniel
    • RE: Access store within Service class using typescript

      @metalsadman Thanks for your help. I changed it according to the post you mentioned.

      posted in Help
      D
      daniel