Vue.use()引发";无法读取未定义";的属性';use'; [英] Vue.use() is throwing "Cannot read property 'use' of undefined"
本文介绍了Vue.use()引发";无法读取未定义";的属性';use';的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
尝试%1
main.js
import { createApp } from 'vue'
import { store } from './store/store'
import App from './App.vue'
Vue.config.productionTip = false
const app = createApp(App)
app.use(store)
app.mount('#app')
store.js
import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex)
export const store = new Vuex.Store({
state: {
patients: []
}
});
尝试%1错误
Uncaught TypeError: Cannot read property 'use' of undefined
at eval (store.js?07a4:4)
at Module../src/store/store.js (app.js:1342)
尝试2
main.js
import { createApp } from 'vue'
import { store } from './store/store'
import App from './App.vue'
Vue.config.productionTip = false
const app = createApp(App)
app.use(store)
app.mount('#app')
store.js
import Vuex from 'vuex'
import Vue from 'vue'
export const store = new Vuex.Store({
state: {
patients: []
}
});
尝试2个错误
vuex.esm.js?94ea:135 Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance.
at assert (vuex.esm.js?94ea:135)
at new Store (vuex.esm.js?94ea:380)
at eval (store.js?07a4:6)
我使用Vue CLI创建了一个Vue应用程序。我正在努力实现Vuex。我遵循了很多教程(通常设置两种不同的方式)。使用调试器时,我能够在它读取&Vue.use(Vuex)";之前停止。此时,日志记录Vue返回UNDEFINED。我相信我的进口是正确的,但不知道我是否遗漏了一些重要的东西。如有任何帮助,我们将不胜感激。
编辑:尝试1和尝试2之间的唯一区别是我在尝试2上删除了";Vue.use(Vuex)(&q;)。
推荐答案
您使用的VUEX 3语法与VUE 3兼容,VUEX 4具有以下语法:
store.js
import { createStore } from 'vuex'
// Create a new store instance.
const store = createStore({
state: {
patients: []
}
})
export default store;
然后在main.js:
中使用导出的存储import { createApp } from 'vue'
import store from './store/store'
import App from './App.vue'
Vue.config.productionTip = false
const app = createApp(App)
app.use(store)
app.mount('#app')
这篇关于Vue.use()引发";无法读取未定义";的属性';use';的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文