Как исправить ошибку при импорте функции vuex (vite, vue 3)?

Question

[Александра]

Всем привет, при стандартном импорте vuex в main.js получаю ошибку

Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue.js?v=f22c39f2' does not provide an export named 'default'

Файл store/index

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

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    testing: false
  },

  mutations: {},

  actions: {},

  getters: {}
});

export default store;

В main.js

import { createApp } from 'vue';
// import { createStore } from 'vuex';
import App from './App.vue';
import router from './router';
import store from './store';

import './assets/scss/common.scss';

import DefaultLayout from './layouts/Default.vue';
import UikitLayout from './layouts/UikitLayout.vue';

const app = createApp(App);
// const store = createStore(Store);
//
// app.use(store);

app.component('DefaultLayout', DefaultLayout);
app.component('UikitLayout', UikitLayout);

app.use(router);

app.mount('#app');

Answer 1

[SherbakovFirst]

Привет
Попробуй так

Store

import { createStore } from "vuex";

export default createStore({
  state(){
       return{
},
  mutations: {},
  actions: {},
  getters: {}
});

А в main добавь просто
app.use(store)

Comments

[Александра]

Ага, спасибо большое, сработало