'__WEBPACK_DEFAULT_EXPORT__' before initialization

Question

完整报错
can't access lexical declaration '__WEBPACK_DEFAULT_EXPORT__' before initialization

我写的redux的store文件在index.js文件里面引入之后，<Provider store={store}>这样使用没问题，一直写到处理token失效的时候，我要在request.js里面使用store的dispatch，但是我一引入store就报错。

request.js
import store  from '@/store';   // 在这里引入就会报错

import axios from 'axios';
import { getToken } from './auth';
import  customHistory  from './history';
import { message } from 'antd';
import { loguout } from '@/store/festures/user-slice';
const request = axios.create({
  baseURL: '...',
  timeout: 5000,
})
// 请求拦截器
request.interceptors.request.use(
  (config) => {
    const token = getToken()
    token && (config.headers.Authorization = `Bearer ${token}`)
    return config
  },
  (e) => {
    Promise.reject(e)
  }
)
// 响应拦截器
request.interceptors.response.use(
  (res) => {
    return res?.data?.data || res
  },
  (e) =>{
    if(e.response.status===401){
      message.error('登录失效')
    }
    return Promise.reject(e)}
)
export { request }

Answer 1

检查出来了，因为在app组件中引入的路由组件，然后里面写的权限验证，有使用request.js中的判断。但是你判断之前还没有初始化store数据，所以需要把store的引入放在app.js之前就好了。