Vue.js 分析错误:标识符';商店';已经申报了。我在main.js上遇到了这个错误,我不知道该如何处理它

Vue.js 分析错误:标识符';商店';已经申报了。我在main.js上遇到了这个错误,我不知道该如何处理它,vue.js,Vue.js,这里是main.js var store = new Vuex.Store({ state, mutations, actions, getters, }); 我在网上找不到任何对我有帮助的东西。我是js新手,我没有尝试vue。问题是您首先要在这里创建一个名为store的变量 从“/store”导入存储; 因此,当您稍后尝试在同一文件中创建另一个名为store的变量时,它将失败 var store=新的Vuex.store({ 国家,, 突变, 行动, 获得者, }); 更

这里是main.js

var store = new Vuex.Store({
  state,
  mutations,
  actions,
  getters,
});

我在网上找不到任何对我有帮助的东西。我是js新手,我没有尝试vue。

问题是您首先要在这里创建一个名为store的变量

从“/store”导入存储;
因此,当您稍后尝试在同一文件中创建另一个名为
store
的变量时,它将失败

var store=新的Vuex.store({
国家,,
突变,
行动,
获得者,
});
更改导入的名称或分配给
vuex
存储的变量。 像这样的

var VuexStore=新的Vuex.Store({
国家,,
突变,
行动,
获得者,
});

我按照步骤操作,又遇到了两个错误。1.“VuexStore”被分配了一个值,但从未使用过。2.“VuexStore”未定义您编写的
VuexStore
没有大写字母
S
VuexStore
->
VuexStore
),这就是为什么第一个从未使用,而第二个从未定义过的原因。您能否添加更多描述,以便其他人能够理解?
import Vue from "vue";
import Vuex from "vuex";
import App from "./App.vue";
import firebase from "firebase/app";
import "firebase/firebase";
import { firestorePlugin } from "vuefire";
import router from "./router";
import store from "./store";
import BootstrapVue from "bootstrap-vue";
import "./assets/app.scss";
import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue/dist/bootstrap-vue.css";
import "video.js";
import "video.js/dist/video-js.css";
import "videojs-playlist-ui/dist/videojs-playlist-ui.vertical.css";
import "videojs-playlist-ui/dist/videojs-playlist-ui.css";
import vuetify from "./plugins/vuetify";

Vue.use(BootstrapVue);
Vue.config.productionTip = false;
Vue.use(Vuex);
Vue.use(firestorePlugin);

const firebaseConfig = {
  databaseURL: "https://trudeau-cda16.firebaseio.com/forum.json%22"

};

firebase.initializeApp(firebaseConfig);
firebase.analytics();

export const db = firebase.firestore();

firebase.auth().onAuthStateChanged((user) => {
  store.dispatch('fetchUser', user);
});


state = {
     notes: [],
     dates: [],
     counter: 0,
     tags: [
       'Important',
       'Must Check',
       'Imcomplete',
       'Done',
       'Revise',
       'Not Important',
     ],
     selectedTags: [],
  user: {
    loggedIn: false,
    data: null,
  },
};

 mutations = {
      ADD_NOTE(state, payload) {
        let newNote = payload;
        state.notes.push(newNote);
        state.counter++;
     },
      DELETE_NOTE(state, payload) {
       let index = payload;
       state.notes.splice(index, 1);
       state.dates.splice(index, 1);
       state.counter--;
     },
     ADD_DATE(state, payload) {
        let newTimeStamp = payload;
       state.dates.push(newTimeStamp);
     },
     ADD_TAG(state, payload) {
        let tag = payload;
       state.tags.unshift(tag);
     },
     ADD_SELECTED_TAG(state, payload) {
        let selectedTag = payload;
       state.selectedTags.push(selectedTag);
     },
  SET_LOGGED_IN(state, value) {
    state.user.loggedIn = value;
  },
  SET_USER(state, data) {
    state.user.data = data;
  },
};
actions = {
     addNote(context, payload) {
       context.commit('ADD_NOTE', payload);
     },
     deleteNote(context, payload) {
       context.commit('DELETE_NOTE', payload);
     },
     addDate(context, payload) {
       context.commit('ADD_DATE', payload);
     },
     addTag(context, payload) {
       context.commit('ADD_TAG', payload);
     },
     addSelectedTag(context, payload) {
       context.commit('ADD_SELECTED_TAG', payload);
     },
  fetchUser({ commit }, user) {
    commit('SET_LOGGED_IN', user !== null);

    if (user) {
      commit('SET_USER', {
        displayName: user.displayName,
        email: user.email,
      });
    } else {
      commit('SET_USER', null);
    }
  },
};

  getters = {
  user: (state) => state.user,
     getNotes: state => state.notes,
     getDates: state => state.dates,
     getTags: state => state.tags,
     getSelectedTags: state => state.selectedTags,
     getNoteCount: state => state.notes.length,
     getCounter: state => state.counter,
};

var store = new Vuex.Store({
  state,
  mutations,
  actions,
  getters,
});


new Vue({
  store,
  router,
  vuetify,
   computed: {
     notes() {
       return this.$store.getters.getNotes;
     },
     dates() {
       return this.$store.getters.getDates;
     },
     tags() {
       return this.$store.getters.getTags;
     },
     selectedTags() {
       return this.$store.getters.getTags;
     },
     counter() {
       return this.$store.getters.getCounter;
     },
   },
  render: h => h(App)
}).$mount("#app");