vuex unknown action type: Raw HTML in a VueJS с использованием машинописного приложения

Question

Я получаю «[vuex] unknown action type: Raw HTML» при попытке отправить действие для компонента. Эти ошибки обычно вызваны модулями с неправильным пространством имен, но я здесь не использую модули.

store / index.ts

    import Vue from 'vue'
    import Vuex from 'vuex'
    Vue.use(Vuex)
    const SETRAWHTML = ''

    const store =  new Vuex.Store({
    state: {
       raw:''
       },
    mutations: {
    [SETRAWHTML](state,str){
     state.raw=str
    },
    },
    actions: {
    RawHtml({commit}, str) {
      commit(SETRAWHTML, str)
    },
    },
    getters: {
    getRawHTML (state) {
      return state.raw
    }
    },
   })

    export default store;

main.ts

    import Vue from 'vue'
    import App from './App.vue'
    import router from './router'
    import store from './store'

    Vue.config.productionTip = false

    new Vue({
        router,
        store,
    render: h => h(App)
    }).$mount('#app')

мой компонент

    click(){
    store.dispatch('RawHTML', this.rawHTML)
}

Заранее спасибо

Answer 1

Имя actions чувствительно к регистру, и вы должны отправлять действие с тем же именем, которое определено в магазине, RawHTML и RawHtml не относятся к одному и тому же действию, поэтому вы должны уважать дело и напишите отправку действия следующим образом:

click(){
    store.dispatch('RawHtml', this.rawHTML)
}