尝试从 Vuex 模块调度操作不起作用。 [vuex] 未知动作类型

Posted 2023-02-23

【中文标题】尝试从 Vuex 模块调度操作不起作用。 [vuex] 未知动作类型

【英文标题】：Trying to dispatch action from Vuex module doesn't work. [vuex] unknown action type

【发布时间】：2021-11-28 17:49:58

【问题描述】：

我正在尝试注册一个 Vuex 模块但没有成功。这是我的代码：

商店/index.js：

import Vuex from 'vuex';
import resourcesModule from './resources';

import axios from '@/helpers/axiosInterceptor';

Vue.use(Vuex);


export default new Vuex.Store(
  modules: 
    resources: resourcesModule
  ,
  state: ...)

商店/资源/index.js

export default 
    state: 
        resources: []
    ,
    actions: 
        fetchResources(store) 
            const request = axios.get('/api/musical_resources');
            request.then((res) => 
                store.commit('setResources', res.data);;
            ); 
            return request;
        
    ,
    mutations: 
        setResources(state, payload) 
            state.resources = payload;
        
    ,
    getters: 
        resources(resources) 
            return resources;
        
    
;

我正在尝试从另一个组件调度“fetchResources”操作，这给了我“[vuex] 未知操作类型：fetchResources”

当我检查 store 对象时，在 _modules 属性中只有“root”属性，所以我怀疑注册模块时可能遗漏了一些东西。

当我 console.log(resourcesModules);在stores/index.js 文件中一切看起来都很好。

那么，我的问题是什么？非常感谢

编辑：

也在 stores/index.js 中尝试过这个：

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

import axios from '@/helpers/axiosInterceptor';

Vue.use(Vuex);


export default new Vuex.Store(
  modules: 
    resources: 
      state() 
        return 
          resources: []
        
      ,
      actions: 
        fetchResources(store) 
          const request = axios.get('/api/musical_resources');
          request.then((res) => 
            store.commit('setResources', res.data);;
          );
          return request;
        
      ,
      mutations: 
        setResources(state, payload) 
          state.resources = payload;
        
      ,
      getters: 
        resources( resources ) 
          return resources;
        
      
    
  ,
  state: ...)

没有成功

【参考方案1】：

试试这个方法：

export default new Vuex.Store(
  modules: 
    resourcesModule
  ,
  state: ...)

发送fetchResources

或

export default new Vuex.Store(
  modules: 
    resources: resourcesModule
  ,
  state: ...)

发送resources.fetchResources

【讨论】：

是的！非常感谢！那么，这种行为与“命名空间：真”有何不同。这有点令人困惑！再次感谢您！

对不起！我实际上是在没有从根存储中删除“fetchResources”的情况下对其进行测试。还是不行:(

你确定？它应该可以工作，它适用于我的很多项目

是的，我不知道为什么不起作用。看看我的回购对你有帮助吗？就是这个github.com/damianciancio/gestion-orquestas

嘿伙计，我看了你的仓库，你有import musicalResources from './resources';，但你的modules是空的，把你导入的模块放在modules: musicalResources ,里面