Vuex：在外部js文件中使用存储变量

Question

我正在VUEX存储文件中导入一堆js文件， 现在，我试图在这些导入的文件中使用存储中的另一个set变量。 保持商店“未定义”。

Store.js看起来像这样：

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

// import external file
import externalfile from './external/externalfile.js';

Vue.use(Vuex)

export const store = new Vuex.Store({

    state: {   
        config: 'config',
        externalfile
    }
})

我的externalfile.js看起来像：

import { store } from '../store'
console.log('store ',store)
export default {
    setting: store.state.config // config comes from store.js
}

似乎没有用。 我也尝试过删除花括号import store from '../store' 以及尝试在store.js文件中使用getters都无济于事。 请帮忙。