Vue3学习-企微阅读器兼容成绩

uHzUxbFj · 发表于 2022-12-30 14:52:56

布景：公司需要干一个企微H5使用，选型是vue3，因而使用vue-cli@4拆修一个vue3名目（vue3+router+vuex+sass+linter），拆修结束后，增加了vue-i18n干国内化，当地调试一般，因而布置到尝试情况，使用脚机会见企微使用是一般的，可是使用企微PC版会见倒是一片空缺。
排查成就

厥后尔疑心是否是vue3的成就，因为另外一个vue2的名目（露vue-i18n国内化）正在企微PC版会见是一般的，并且国内化语言切换也一般，以是尔从头拆修一个vue3名目（vue3+router+vuex+sass+linter），初初化后的名目间接布置到尝试服，使用企微PC版会见，页里能一般显现，以是没有是vue3的成就。
那末估量即是vue-i18n的成就了，因而加之vue-i18n模块
正在@/locales目次下创立i18n.js，实质以下

import { createI18n } from 'vue-i18n'
const messages = {
en: {
title: 'test'
},
'zh-CN': {
title: '尝试'
}
}
const i18n = createI18n({
locale: process.env.VUE_APP_I18N_LOCALE,
//假设按照指定的 locale 不找到对于应的资本的情况下，则会主动按照 fallbackLocale 指定的语言去寻找对于应的key
fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE,
messages
})
export default i18n

复造代码

正在@/main.js进口文献，使用i18n

import i18n from '@/locales/i18n'
createApp(App).use(router).use(i18n).mount('#app')

复造代码

当地调试一般，布置到尝试服，用企微PC版原会见，页里空缺！！成就找到，可是毕竟是甚么启事呢？秉着一颗法式员爱钻牛角尖的精神，决定佳佳探一根究竟。
处置成就

正在此以前，咱们需要引进一个东西，企业微疑客户端调试东西（devtools），参照企微民间文档
肯定企微已经存留devtools_resources.pak后

面进去概略，瞅到正在Te;async function Ie(t,e)处报错，baidu一番找到了启事

企微PC版浏览器没有兼容es6语法，以是那里呈现的async正在企微PC版浏览器没有撑持。

成就启事找到了，这如何去向理？既然企微PC版浏览器没有兼容es6语法，那末咱们把它编译成es5是否是就可以处置那个成就。而那个es6代码清楚是出自于vue-i18n那个第三圆依靠包，因而开端搜索webpack如何编译第三圆依靠es6转es5，终究皇天没有背故意人，找到了处置法子。正在Vue CLI民间设置参照有这样一个设置