Javascript Vue3 vuex“;TypeError:vuex_uuuWebpack_uImported_uModule_uu1_uuu.Store.commit不是一个函数";

Javascript Vue3 vuex“;TypeError:vuex_uuuWebpack_uImported_uModule_uu1_uuu.Store.commit不是一个函数";,javascript,vue.js,vuex,vuejs3,Javascript,Vue.js,Vuex,Vuejs3,因此,我试图通过axios获取静态json数据,并将其提交到vuex中的“projects”状态,但得到的错误是“Store.commit不是函数” 我错过什么了吗 请记住,我是在Vue3的vuex中执行此操作的 //store.js import axios from 'axios'; import { createStore, Store } from 'vuex' export default createStore({ state: { projects:[] },

因此,我试图通过axios获取静态json数据,并将其提交到vuex中的“projects”状态,但得到的错误是“Store.commit不是函数”

我错过什么了吗

请记住,我是在Vue3的vuex中执行此操作的

//store.js
import axios from 'axios';
import { createStore, Store } from 'vuex'


export default createStore({
  state: {
    projects:[]
  },
  mutations: {
    SET_PROJECTS: (state, projects) => {
      state.projects = projects;
    }
  },
  actions: {
  },
  modules: {
  }
});

const getPrjectData = () => {

  axios
  .get('static json URL here')
  .then(response => {
    Store.commit('SET_PROJECTS', response.data.projects);
  })
  .catch(err => console.log(err));   
}

getPrjectData();


将函数转换为操作:

操作:{
getPrjectData({commit}){
axios
.get('此处为静态json URL')
。然后(响应=>{
提交('SET_PROJECTS',response.data.PROJECTS);
})
.catch(err=>console.log(err));
}
}
将动作称为:

选项API
this.$store.dispatch('getPrjectData');
合成原料药
从“vuex”导入{useStore}
导出默认值{
设置(){
const store=useStore();
store.dispatch('getPrjectData');
}
}