切换中英文之后，刷新页面会重置语言状态

Question

切换语言之后，刷新页面时，就会重置为 locale: null。
indexedDB 初始化放在 beforeEach 钩子里时，组件的加载会先于钩子执行，
调用 getLanguage 获取数据库设定时，就会报错： indexedDB.ts:83

   Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'transaction')

function getLanguage () {
  fetchLanguageApi().then((res: IResultOr) => {
    const { success, result } = res
    if (success) {
      localeLang.value = result.name
      store.dispatch('saveLanguage', result.name === 'cn' ? zhCn : zhEn)
    }
  })
}

getLanguage()

Answer 1

Harry_wang 2022-04-05 10:19:10

同学，你好，关于刷新页面这种场景下的状态缓存，会在第11章结尾code  review时候讲到，后续会更新到~如果不想看到transition的报错，可以先把indexedDB数据手动清空试试

• 提问者 weibo_侠肝义胆香鸡腿_0 #1

  好的，谢谢老师