报错：Uncaught ReferenceError: Cannot access 'store' before initialization

Question

Answer 1

Sunday 2022-01-04 14:52:52

你可以看一下，main.js 中的模块引入顺序：

import { createApp } from 'vue'

// i18n （PS：导入放到 APP.vue 导入之前，因为后面我们会在 app.vue 中使用国际化内容）

import i18n from '@/i18n'

import App from './App.vue'

import router from './router'

import store from './store'

...

const app = createApp(App)

...

app

  .use(store)

  .use(router)

  .use(i18n)

  .mount('#app')

争取与课程源码保持一致

• 提问者 慕瓜8308876 #1

  非常感谢！

Answer 2

Sunday 2022-01-04 09:54:59

你好
你可能是在 store的初始化之前调用了这个模块，这个需要看一下你的main.js确定这个模块是在store初始化之后进行的

• 提问者 慕瓜8308876 #1

  这个怎么看呢

• 提问者 慕瓜8308876 #2

  import { createApp } from 'vue'
  import App from './App.vue'
  import installElementPlus from './plugins/element'
  import router from './router'
  import store from './store'
  import './styles/index.scss'
  import 'vite-plugin-svg-icons/register'
  import SvgIcon from './components/SvgIcon/index.vue' // 全局svg图标组件
  import i18n from '@/i18n'
  
  
  //导入路由鉴权
  import './permission'
  
  const app = createApp(App)
  installElementPlus(app)
  app.component('svg-icon', SvgIcon)
  app.use(router)
  app.use(store)
  app.use(i18n)
  app.mount('#app')

• Sunday 回复 提问者 慕瓜8308876 #3

  你可以按照我发的顺序调整一下看看是否可行。如果不行的话，那么可以把你的代码打包（删除 node_modules）发给我，我本地跑一下看看