Vue.js 分析错误:标识符';商店';已经申报了。我在main.js上遇到了这个错误,我不知道该如何处理它
这里是main.jsVue.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({ 国家,, 突变, 行动, 获得者, }); 更
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");