存储引用但未定义 [英] Store referenced but not defined

问题描述

嘿，我有一些关于未定义商店的废话问题.有什么建议可以让我继续完成这个软件构建吗?商店和商店的内容出现在 Vue Inspector 工具中.当像下面这样内联时，它会中断并呈现空白 - App 组件中没有 DOM 内容.

App.vue 违规摘录

<div id="预加载器"></div>

Store.js

从'vue'导入Vue从 'vuex' 导入 VuexVue.use(Vuex)常量状态 = {东西}常量突变 = {东西}const 吸气剂 = {东西}常量动作 = {东西}导出默认新 Vuex.Store({状态:状态，突变:突变，吸气剂:吸气剂，动作:动作})

Main.js

从'vue'导入Vue从'./App.vue'导入应用程序从'./router'导入路由器从./store"导入商店从 '../node_modules/vue-graph' 导入 VueGraph从'../node_modules/vue-material'导入VueMaterial导入'vue-material/dist/vue-material.min.css'Vue.config.productionTip = false;Vue.use(VueGraph);Vue.use(VueMaterial);/* eslint-disable no-new */新的 Vue({el: '#app',路由器，组件:{应用}，模板:'<应用程序/>'})

解决方案

你需要用 store 初始化 Vue:

new Vue({el: '#app',路由器，商店:商店，组件:{应用}，模板:'<应用程序/>'})

Hey I have some bullshit issue with store not being defined. Any advice so I can move on and finish this software build? Store and contents of store appears in Vue Inspector tools. When put inline like below it breaks and renders blank - no DOM content inside App component.

App.vue offending excerpt

<div v-if="$store.state.showPreloader == true" id="preloaderWrap">
   <div id="preloader"></div>
</div>

Store.js

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

Vue.use(Vuex)

const state = {
    stuff
}
const mutations = {
  stuff
}
const getters = {
    stuff
}
const actions = {
    stuff
}

export default new Vuex.Store({
  state: state,
  mutations: mutations,
  getters: getters,
  actions: actions
})

Main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import VueGraph from '../node_modules/vue-graph'
import VueMaterial from '../node_modules/vue-material'
import 'vue-material/dist/vue-material.min.css'

Vue.config.productionTip = false;
Vue.use(VueGraph);
Vue.use(VueMaterial);

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

解决方案

You need to init Vue with store:

new Vue({
  el: '#app',
  router,
  store: store,
  components: { App },
  template: '<App/>'
})

这篇关于存储引用但未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！