vuex使用报错记录

报错提示

permission.js:107 [vuex] module namespace not found in mapState(): oaaserver/

  • 原因:新加的store模块oaaserver,再导出时没写命名允许namespaced: true
// store 的一个模块 addxxx
const addxxx= {
    state:{
        list:[],
    },
    mutations:{
        setList : (state, val) => {
            state.list= val
        },
        
          

    },
    actions:{
        getList({ commit }){
            return request({
                url: '/xxx'
            }).then(res => {
               commit('setList ', res.data.response)
            }).catch(() => {
                return errorMsg('xxx')
            })
        },
        //.....

    }
}

export default {
    namespaced: true, // 需要添加空间命名,在后面使用mapState时才能找到,否者会报错找不到
    ...addxxx
}
引用\[1\]、\[2\]和\[3\]中的内容显示,当使用npm安装vuex时,出现了依赖解析错误的问题。错误信息中提到了依赖冲突的情况,即在项目中同时存在vue@2.x和vuex@4.x的版本。由于vuex@4.x对vue的版本有要求,需要使用vue@3.x作为其对应的peer依赖。 解决这个问题的方法有几种: 1. 确保你的项目中已经安装了vue@3.x的版本。你可以通过运行`npm install vue@3`来安装最新的vue版本。 2. 如果你的项目中已经安装了vue@3.x,但仍然出现依赖解析错误,可以尝试使用`--force`或`--legacy-peer-deps`选项来强制安装vuex。例如,运行`npm install vuex --save --force`。 3. 如果以上方法都无效,可以尝试手动解决依赖冲突。首先,运行`npm ls vue`命令来查看项目中已安装的vue版本。然后,根据需要更新或卸载其他依赖项,以确保vuevuex的版本兼容。 总结来说,要解决npm安装vuex3报错的问题,你可以尝试安装最新的vue版本,使用`--force`或`--legacy-peer-deps`选项来强制安装vuex,或者手动解决依赖冲突。希望这些方法能帮助你解决问题。 #### 引用[.reference_title] - *1* [npm安装vuex报错](https://blog.csdn.net/u013008898/article/details/128763158)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Mac npm安装vuex报错](https://blog.csdn.net/m0_67874315/article/details/124080982)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [npm i vuex下载报错 解决方法](https://blog.csdn.net/m0_70208154/article/details/126961771)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值