sourcecode

수집되지 않은 참조 오류: photoModule이 정의되지 않았습니다.

copyscript 2022. 8. 3. 23:08
반응형

수집되지 않은 참조 오류: photoModule이 정의되지 않았습니다.

Uncaught ReferenceError: photoModule is not defined

②처음 이런 오류가 발생하여 vuex 스토어에서 모듈을 찾을 수 없습니다.

뭐가 문제죠?

뷰엑스

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

Vue.use(Vuex)

export default new Vuex.Store({

modules: {
photoModule
}
})

main.discloss.main.discloss.

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

이틀째 나는 이 오류를 방치하고 있다.적어도 어디가 잘못됐는지 힌트라도 주세요.

모듈을 Import하지 않았습니다.

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

언급URL : https://stackoverflow.com/questions/66546711/uncaught-referenceerror-photomodule-is-not-defined

반응형