QUasar VUEX BUG

[murilolivorato]

I cant access VUEX -

Operating System - Linux(5.15.46-1-MANJARO) - linux/x64
NodeJs - 18.3.0

Global packages
  NPM - 8.5.5
  yarn - Not installed
  @quasar/cli - 1.3.2
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.7.3 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-webpack - 3.5.4 -- Quasar Framework App CLI with Webpack
  @quasar/extras - 1.14.1 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.2.37 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.0.16
  pinia - Not installed
  vuex - Not installed
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  @babel/core - 7.18.5 -- Babel compiler core.
  webpack - 5.73.0 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 4.8.1 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  typescript - 4.5.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

VUE Page -

<template>
<div>dsfdfd --> {{ customerKey }}</div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  computed: {
    ...mapGetters('home', {
      customerKey: 'customerKey'
    })
  }
}
</script>

import { store } from 'quasar/wrappers'
import { createStore } from 'vuex'
import home from './modules/home'
// import example from './module-example'

/*
 * If not building with SSR mode, you can
 * directly export the Store instantiation;
 *
 * The function below can be async too; either use
 * async/await or return a Promise which resolves
 * with the Store instance.
 */

export default store(function (/* { ssrContext } */) {
  const Store = createStore({
    modules: {
      home
    },

    // enable strict mode (adds overhead!)
    // for dev mode and --debug builds only
    strict: process.env.DEBUGGING
  })

  return Store
})

export default {
  namespaced: true,
  state: () => ({
    customerKey: 1,
  }),
  mutations: {},
  actions: {},
  getters: {
    customerKey: state => {
      return state.customerKey
    }
  }
}

[pratik227]

Hi @murilolivorato ,

Which node version you are using ?

Always use even-numbered Node versions, because they are the stable ones. Supported and stable Node versions for app-webpack: v12, v14, and v16; for app-vite: v14 and v16.

Use Node 16 remove node_modules .quasar and package-lock.json and try yarn or npm install I think this will work.