vue.js - Uncaught ReferenceError : photoModule is not defined

Question

Uncaught ReferenceError :photoModule 未定义

第一次遇到这样的错误，导致vuex store找不到模块。

可能是什么问题？

vuex

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({

modules: {
photoModule
}
})

ma​​in.js

import store from './store'

Vue.prototype.axios = axios


Vue.config.productionTip = false

new Vue({
  vuetify,
  router,
  store,
  render: h => h(App)
}).$mount('#app')

照片模块

import axios from 'axios'

export default {
    state: {
        photos: []
    },
    mitations: {
        setPhotos(state, payload) {
            state.photos = payload
        }
    },
    getters: {
        getAllPhotos(state) {
            return state.photos
        }
    },
    actions: {
        fetchPhotos(context) {
      
axios.get('https://jsonplaceholder.typicode.com/photos?_limit=10')
.then(response => this.photos = context.commit('setPhotos', response.data))
       
}
}
}

第二天我一直在等待这个错误。至少提示哪里出了问题

Answer 1

您没有导入该模块

import Vue from 'vue'
import Vuex from 'vuex'
import photoModule from './photoModule.js'  // ✅ Add this

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    photoModule
  }
})