Vue.js 错误 6:1 错误 Prefer default export import/prefer-default-export

Question

我开始学习 vuex，在 Vue.js/Vuex-store: 6:1 error Prefer default export import/prefer-default-export; 出现错误 错误告诉我必须将 export const store 更改为导出默认值，我不想要它

我无法解决问题，请提供帮助；

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

Vue.use(Vuex);

export const store = new Vuex.Store({
  state: {
    count: 0,
  },
  getters: {
    increment: (state) => {
      state.count += 1;
    },
  },
});


// main.js
import Vue from 'vue';
import App from './App.vue';
import { store } from './Vuex-store/store.js';

new Vue({
  render: (h) => h(App),
  store,
}).$mount('#app');

<template>
  <div>
    {{ this.$store.state.count }}
    <button @click="increment">increment</button>
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  methods: {
    increment() {
      this.$store.getters.increment;
    },
  },
};
</script>

Answer 1

这只是一个 eslint 规则。它希望你做一个default export 而不是export const：

这样导出：

export default store

然后，而不是像导入一样

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

只做

import store from './Vuex-store/store.js';

Answer 2

试试看

<template>
  <div>
    {{ count }}
    <button @click="increment">increment</button>
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  computed: {
    count() {
      return this.$store.state.count;
    }
  },
  methods: {
    increment() {
      this.$store.getters.increment;
    },
  },
};
</script>