lzfbads350562 2022-03-22 19:52 采纳率: 100%
浏览 651
已结题

Vuex问题:(0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function请教!

在引入vuex后就报如下错误:

img


版本为"vue": "^2.6.14", "vuex": "^4.0.2", 前端不是很熟悉, 请教各位 ! 相关代码为:
store/index.js

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

Vue.use(Vuex)
import axios from "axios";

const store = new Vuex.Store({
    state: {
        token: window.localStorage.getItem("token"),
        account: '',
        email:'',
        sex:'',
    },
    mutations: {
        SET_TOKEN: (state, token) => {
            state.token = token
        },
        SET_ACCOUNT: (state, account) => {
            state.account = account
        },
        SET_EMAIL: (state, email) => {
            state.email = email
        },
        SET_SEX: (state, sex) => {
            state.sex = sex
        }
    },

    actions: {
        GetInfo({ commit }) {
            return new Promise((resolve, reject) => {
                axios.get("/user/info").then((res) =>{
                    if(res.data.code === 200){
                        commit('SET_ACCOUNT',res.data.data.account) ;
                        commit('SET_EMAIL',res.data.data.email) ;
                        commit('SET_SEX',res.data.data.sex) ;
                    }
                    resolve(res);
                }).then((e)=>{
                    reject(e)
                })
            })
        },
        LogOut({ commit}) {
            return new Promise((resolve, reject) => {
                axios.get("/user/logout").then((res) =>{
                    if(res.data.code === 200){
                        commit('SET_ACCOUNT','') ;
                        commit('SET_EMAIL','') ;
                        commit('SET_SEX','') ;
                        window.localStorage.removeItem("token");
                    }
                    resolve(res)
                }).then((e)=>{
                    this.$message.error("未知错误");
                    reject(e)
                })
            })
        }
    }
})
export default store

main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import Antd from 'ant-design-vue/es';
import 'ant-design-vue/dist/antd.css';
import axios from 'axios'
import store from './store'

Vue.prototype.$bus = new Vue()
Vue.config.productionTip = false
Vue.use(Antd);

// axios.defaults.baseURL = 'http://localhost:9999'
axios.defaults.withCredentials = true
//设置请求头
axios.defaults.headers['X-Requested-With'] = 'XMLHttpRequest'
axios.defaults.headers['token'] = localStorage.getItem('token') || ''
axios.defaults.headers.post['Content-Type'] = 'application/json'

axios.interceptors.response.use(res => {
    if (res.data.code === 501) {
        router.push({path: '/login'})
        return Promise.reject(res)
    }
    return res;
})
new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')


  • 写回答

1条回答 默认 最新

  • qq_42718130 2022-03-23 23:04
    关注

    因该是vuex版本的问题。

    我的bug是由vuex版本问题导致的,你可以试着更换版本,例如:vuex@3.6.2

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 4月1日
  • 已采纳回答 3月24日
  • 创建了问题 3月22日

悬赏问题

  • ¥30 Unity接入微信SDK 无法开启摄像头
  • ¥20 有偿 写代码 要用特定的软件anaconda 里的jvpyter 用python3写
  • ¥20 cad图纸,chx-3六轴码垛机器人
  • ¥15 移动摄像头专网需要解vlan
  • ¥20 access多表提取相同字段数据并合并
  • ¥20 基于MSP430f5529的MPU6050驱动,求出欧拉角
  • ¥20 Java-Oj-桌布的计算
  • ¥15 powerbuilder中的datawindow数据整合到新的DataWindow
  • ¥20 有人知道这种图怎么画吗?
  • ¥15 pyqt6如何引用qrc文件加载里面的的资源