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. Maxiride
    M
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 3
    • Best 0
    • Groups 0

    Maxiride

    @Maxiride

    0
    Reputation
    1
    Profile views
    3
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    Maxiride Follow

    Latest posts made by Maxiride

    • RE: Unable to use this.$axios in Vuex: TS2339: Property '$axios' does not exist on type 'Store '.

      @dobbel Thanks for the update!

      I didn’t knew Node 12 was recommended, did I miss the note somewhere in the documentation?

      posted in Framework
      M
      Maxiride
    • Unable to use this.$axios in Vuex: TS2339: Property '$axios' does not exist on type 'Store '.

      I’ve initialized a new project using the quasar cli and choose to have Vuex, Axios and Typescript.

      Everything seems fine, until I’ve tried to declare an action which uses Axios in the Vuex store, I get the error TS2339: Property '$axios' does not exist on type 'Store '. The boot axios.ts configuration is properly set as per documentation (actually never touched it as it has been built by the quasar cli).

      This is the store folder tree created using quasar new store -f ts commesseStore:
      a08aa064-9327-4a6e-8ace-7d4e53adf26f-image.png

      And here is the action.ts file:

      import { ActionTree } from 'vuex';
      import { StateInterface } from '../index';
      import { CommesseStateInterface } from './state';
      
      const actions: ActionTree<CommesseStateInterface, StateInterface> = {
        init ( context ) {
        // Error is thrown here
          this.$axios
            .get(`clienti`)
            .then((response: { data: any; }) => {
              context.commit('get_clienti', response.data)
              console.debug('get_clienti', response)
            })
            .catch((err: any) => console.error('init', err))
        // Error is thrown also here
          this.$axios
            .get(`commesse`)
            .then((response: { data: any; }) => {
              context.commit('get_commesse', response.data)
              console.debug('get_commesse', response)
            })
            .catch((err: any) => console.error('init', err))
      
        }
      };
      
      export default actions;
      
      

      quasar info

      Operating System - Windows_NT(10.0.18363) - win32/x64
      NodeJs - 14.15.0
      
      Global packages
        NPM - 6.14.8
        yarn - 1.22.10
        @quasar/cli - 1.1.2
        @quasar/icongenie - 2.3.3
        cordova - Not installed
      
      Important local packages
        quasar - 1.14.3 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
        @quasar/app - 2.1.6 -- Quasar Framework local CLI
        @quasar/extras - 1.9.10 -- Quasar Framework fonts, icons and animations
        eslint-plugin-quasar - Not installed
        vue - 2.6.12 -- Reactive, component-oriented view layer for modern web interfaces.
        vue-router - 3.2.0 -- Official router for Vue.js 2
        vuex - 3.5.1 -- state management for Vue.js
        electron - Not installed
        electron-packager - Not installed
        electron-builder - Not installed
        @babel/core - 7.12.3 -- Babel compiler core.
        webpack - 4.44.2 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, whi
      ch can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff
      .
        webpack-dev-server - 3.11.0 -- Serves a webpack app. Updates the browser on changes.
        workbox-webpack-plugin - Not installed
        register-service-worker - 1.7.1 -- Script for registering service worker, with hooks
        typescript - 3.9.5 -- TypeScript is a language for application scale JavaScript development
        @capacitor/core - Not installed
        @capacitor/cli - Not installed
        @capacitor/android - Not installed
        @capacitor/ios - Not installed
      
      Quasar App Extensions
        *None installed*
      

      Given the fairly empty project I am also attaching the full app bundle for inspection https://ufile.io/fhpy93bq, the node_modules folder has been omitted for obvious reasons so it would be needed to npm install.

      I’ve already stumbled upon another post on the same issue here: https://forum.quasar-framework.org/topic/4135/this-axios-in-action however it is fairly old.

      posted in Framework
      M
      Maxiride
    • RE: Parsing Error: The file does not match your project config

      I’m having the same issue on a brand-new project on which I have yet to modify anything. Following the thread for updates.
      Typescript support has been enabled from the beginning using the quasar cli during project initiliazation.

      Quasar version: 2.1.6
      Node: v12.19.0

      posted in Help
      M
      Maxiride