Разделение хранилища Vuex на отдельные файлы дает коммит false

Question

Я использую Vuex в Vue.js.

Сначала, если я помещу свой магазин в main.js.Это сработало.

Но когда я разбил свой магазин на файл с именем store.js, он не работает.

src / store.js

src / main.js

store.js

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

Vue.use(Vuex);

export const store = new Vuex.Store({
  state: {
    title: 'Hello from the Vuex Store',
  }
});

main.js

import { store } from './store.js';

new Vue({
  el: '#app',
  store: store,
)};

Я попытался console.log(store)

и получил коммит false, поэтому я знаю, что он не работает.Все остальное правильно, поэтому я не включаю в коды.

Вот скриншот того, что я console.log: введите описание изображения здесь

Answer 1

Каким-то волшебным образом мне нужно было добавить:

import Vuex from 'Vuex'
Vue.use(Vuex);

в main.js для работы Vuex.Во всяком случае, я надеюсь, что этот вопрос поможет кому-то еще, кто является начинающим Vuex.

Answer 2

Попробуйте, вместо этого это сработало для меня в прошлом.

store.js

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

Vue.use(Vuex);

window.store = new Vuex.Store({
  state: {
     title: 'Hello from the Vuex Store',
  }
});

main.js

require('store.js');

let vm = new Vue({
  el: '#app',
  store,
)};