未捕获的 ReferenceError：未定义 photoModule

Posted 2023-02-22

【中文标题】未捕获的 ReferenceError：未定义 photoModule

【英文标题】：Uncaught ReferenceError: photoModule is not defined

【发布时间】：2021-06-07 07:57:14

【问题描述】：

Uncaught ReferenceError: photoModule is not defined

我第一次遇到这样的错误，以至于vuex商店找不到模块。

可能是什么问题？

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))
       

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

【问题讨论】：

很可能是mitations中的错字

brombeer nope ((( photoModule 未定义

【参考方案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
  
)