在这里, 我在laravel 6项目中设置了vue和vuetify来创建一个crud表, 但由于某些原因, 我无法将vueX导入到我的vue组件中.
错误:在.resourcesjsstore中出现错误。
ERROR in .resourcesjsstoreindex.js Module not found: 错误:在.resourcesjsstoreindex.js中找不到模块。无法解析'.stage.js'中的'c:\WinNMP\WWW\chillibiz\resources\js\store'@ .resourcesjsstoreindex.js 3:0-35 7:11-16 @ .resourcesjsapp.js @ multi .resourcesjsapp.js .resourcessassapp.scss。
舞台.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; },
}
}
索引.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: {}
});