hbuilderx vuex在store.js中引入其他模块报错

Question

hbuilderx vuex在store.js中引入其他模块报错

Answer 1

引自免费微信小程序：皆我百晓生

这个问题是由于Vue.js的vuex库内部的命名冲突导致的。moduleCart这个变量已经在store.js中的store模块中定义了，所以当试图在其他地方（比如Cart.js）导入它时，会引发错误。

解决这个问题的方法是，在store.js中的store模块中删除或重命名moduleCart变量，然后在需要的地方重新导入它。例如，可以在store.js中添加以下代码：

const store = createStore({
  state: {
    // 其他状态数据...
  },
  mutations: {},
  getters: {}
});

然后，在需要的地方导入store对象，而不是moduleCart：

import { store } from './store';

这样就可以正常导入store模块，并且不再遇到命名冲突的问题了。