未捕获的错误:找不到模块“ ./stage.js”

时间:2020-04-23 05:45:10

标签: module vuex

在这里,我已经用vue设置了laravel 6项目,并用vuetify创建了一个crud表,但是由于某种原因,我无法将vueX导入到我的vue组件中。

错误:

./resources/js/store/index.js中的

ERROR找不到模块:错误:无法 在'c:\ WinNMP \ WWW \ chillibiz \ resources \ js \ store'中解析'./stage.js' @ ./resources/js/store/index.js 3:0-35 7:11-16 @ ./resources/js/app.js @多./resources/js/app.js ./resources/sass/app.scss

stage.js

export default  {
        state: {
          stages: []
        },
        mutations: {
            ADD_STAGE(state, stage) {
                state.stages.push({
                    id: this.getters.newStageId,
                    code: stage.code,
                    name: stage.name,
                    description: stage.description

                });
            },
            UPDATE_STAGE(state, payload){
                state.stages = state.stages.map(stage => {
                    if (stage.id === payload.id) {
                        return Object.assign({}, stage, payload)
                    }
                    return stage;
                })
            },
            REMOVE_STAGE(state, stage){
                var stages = state.stages;
                var id = stage.id;
                var index = state.stages.findIndex(stage => stage.id == id)
                stages.splice(index, 1);
            },
        },
        actions: {
            getStage({commit}, stage){
                commit('GET_STAGE', stage)
            },
            addStage({commit}, stage){
                commit('ADD_STAGE', stage)
            },
            updateStage({commit}, payload){
                commit('UPDATE_STAGE', payload)
            },
            removeStage({commit}, stage){
                commit('REMOVE_STAGE', stage)
            },
        },
        getters: {
          stages: state => state.stages,
          newStageId(state) {  return state.stages.length > 0 ? state.stages[state.stages.length-1].id + 1 : 1; },
        }
    }

index.js

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

import {stage} from './modules/stage.js';


Vue.use(Vuex);

export default new Vuex.Store({
  modules: {
   stage
  },
  state: {},
  mutations: {},
  actions: {}
});

0 个答案:

没有答案