глобальный доступ к константным переменным из хранилища Vuex

Question

У меня есть очень простой пример VueJS, с которым у меня проблемы.

У меня есть файл js с именем enums. js со следующей строкой в ​​нем

export const modeEnumeration = { PLAYBACK: 'playback', RECORDING: 'recording', NONE: 'none' };

Я хотел бы установить начальное значение свойства в состоянии Vuex на одно из этих значений modeEnumeration. Итак, это мой магазин Vuex.

import Vue from 'vue';
import Vuex from 'vuex';
import modeEnumeration from '../constants/enums';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    mode: modeEnumeration.NONE,
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  },
  getters: {
  },
});

Однако я продолжаю получать следующую ошибку в моем магазине Vuex ...

Uncaught TypeError: не удается прочитать свойство NONE из undefined

Что мне не хватает?

Answer 1

Вы экспортируете именованный объект, поэтому вам нужно импортировать его с помощью фигурных скобок:

import { modeEnumeration } from '../constants/enums';

Другое решение - экспортировать значение по умолчанию:

export default { PLAYBACK: 'playback', RECORDING: 'recording', NONE: 'none' };