vuex使用Cannot find module ‘./api/index.js‘

  1. 使用vuex中出现这个问题。我的vuex的配置。
    import Vue from 'vue'
    import Vuex from 'vuex'
    import App from './App.vue'
    import store from "./store";
    import router from './router';
    import "@/assets/css/base.css";
    import VueRouter from 'vue-router';
    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    
    Vue.use(Vuex);
    Vue.use(VueRouter);
    Vue.use(ElementUI);
    Vue.config.productionTip = false; // 阻止生成消息
    
    new Vue({
      store,
      router,
      render: h => h(App),
    }).$mount('#app')
    
  2. ./store的文件配置。
    import Vue from "vue";
    import Vuex from "vuex";
    
    Vue.use(Vuex);
    const store = new Vuex.Store({
        state: {
            count: 0
        },
        mutations: {
            // 修改状态的方法
            increment(state) {
                state.count++;
            }
        },
        actions: {
            incrementAsync(context) {
                setTimeout(() => {
                    context.commit("increment");
                }, 1000);
            }
        },
        getters: {
            // 计算属性
            doubleCount(state) {
                return state.count * 2;
            }
        }
    });
    
    export default store;
    
  3. 最后发现是我的vuex下了4.x版本了。
    使用 npm uninstall vuex 或者 yarn remove vuex 进行卸载vuex。
    再使用 npm install vuex@3 或者 yarn install vuex@3 下载 3.x的版本。​​​​​​​

猜你喜欢

转载自blog.csdn.net/weixin_38441229/article/details/132602835