vue中引入了vuex配置文件，安装了vuex,但是项目中不能识别和使用

Question

如图：

编辑器中，正常import map应该显示绿色的，这里却显示的始终为粉色的

这个是正常显示的颜色

用mapaction不报错，但是axios接口没有执行，
用直接

这样提交，报错该action方法Unkown

而且dispatch下还有下划线，就是说当import 的mapState等为粉色的时候vuex的一切方法都不能识别和使用，特别着急，到底是什么原因呢？
检查了代码实在找不出问题。。。

import axios from 'axios'
axios.defaults.baseURL = 'http://xxx.xxx.xx.xx';
let token = localStorage.getItem('token');

const state = {
    merchantList:[],
};

const mutations = {
    GETMERCHANTLIST(state,res){
        state.merchantList=res.data.content;
    },
};
const actions = {
    getMerchantList({commit}){
        axios({
            url: "/internal/admin/list_merchant",
            method: 'GET',
            headers: {'w-auth-token': token}
        }).then((res) => {
            commit("GETMERCHANTLIST",res);

        })
    },
};
export default{
    state,
    mutations,
    actions
}

index.js

import Vue from 'vue'
import Vuex from 'Vuex'

import merchant from './merchant.js'


Vue.use(Vuex);

export default new Vuex.Store({
    /*state,
    mutations,
    actions,
    getters*/
    modules:{
        merchant
    }
})

Answer 1

你的main.js中引入你的vuex了吗？
比如：
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './components/vuex/store'
var vm = new Vue({
router,
store,
...App
}).$mount("#app");
其中的store就是vuex文件