vue.jsで開発を行っています。各モジュールで共通のデータを用いるのでvuexを導入しようと思い、storeフォルダを作って、中にindex.js,action.js,getters.js,mutations.jsと分けてファイルを作成しました。
ビルドの際にはwebpackを用いています。
フォルダの構成は
src
│ ├── main.js
│ ├── App.vue
│ └── store
│ ├── actions.js
│ ├── getters.js
│ ├── index.js
│ └── mutations.js
となってます。
プレビューしてみたところUncaught Error: [vuex] getters should be function but "getters.default" is {}.というエラーが発生しました。エラーの発生源がvuex.common.jsというnode.moduleのファイルで起きているらしいのですがよくわかりません。教えていただけると嬉しいです。
↓main.js
js
1import Vue from 'vue'; 2import store from 'store' 3import App from './App.vue'; 4 5new Vue({ 6 el: '#app', 7 store, 8 template: '<app></app>', 9 components:{App}, 10 11 });
↓store/index.js
js
1import Vue from 'vue'; 2import Vuex from 'vuex'; 3import * as actions from './actions'; 4import * as getters from './getters'; 5import { state, mutations } from './mutations'; 6 7Vue.use(Vuex); 8 9export default new Vuex.Store({ 10 actions, 11 getters, 12 state, 13 mutations 14});
回答1件
あなたの回答
tips
プレビュー