piniajs / example-vue-2-vite

28 stars 5 forks source link

TypeError: options.getters is undefined (and more) #3

Closed teegee closed 3 years ago

teegee commented 3 years ago

I found this repo when searching how to migrate from vuex using vue 2. Any idea what this could be? (just did npm install and npm run dev)

[vite] connecting... client.ts:22:8
[vite] connected. client.ts:52:14
[Vue warn]: Error in data(): "TypeError: options.getters is undefined"

found in

---> <App> at src/App.vue
       <Root> vue.runtime.esm.js:619:14
TypeError: options.getters is undefined
    createSetupStore pinia.esm-bundler.js:1377
    createOptionsStore pinia.esm-bundler.js:1097
    useStore pinia.esm-bundler.js:1576
    setup App.vue:39
    mergedSetupFn vue-composition-api.esm.js:2089
    initSetup vue-composition-api.esm.js:1862
    activateCurrentInstance vue-composition-api.esm.js:1782
    initSetup vue-composition-api.esm.js:1860
    wrappedData vue-composition-api.esm.js:1843
    VueJS 16
    <anonymous> main.ts:15
vue.runtime.esm.js:1897:12
[Vue warn]: Property or method "state" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <App> at src/App.vue
       <Root> vue.runtime.esm.js:619:14
[Vue warn]: Property or method "fetchRandomJoke" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <App> at src/App.vue
       <Root> vue.runtime.esm.js:619:14
[Vue warn]: Property or method "buttonText" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <App> at src/App.vue
       <Root> vue.runtime.esm.js:619:14
[Vue warn]: Property or method "jokes" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <App> at src/App.vue
       <Root> vue.runtime.esm.js:619:14
[Vue warn]: Error in render: "TypeError: _vm.jokes is undefined"

found in

---> <App> at src/App.vue
       <Root> vue.runtime.esm.js:619:14
TypeError: _vm.jokes is undefined
    render App.vue:1
    render vue-composition-api.esm.js:1827
    activateCurrentInstance vue-composition-api.esm.js:1782
    render vue-composition-api.esm.js:1826
    VueJS 16
    <anonymous> main.ts:15
vue.runtime.esm.js:1897:12
You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html vue.runtime.esm.js:8485:8
posva commented 3 years ago

Update pinia and other deps and it should be fixed!