环境

vite2 + vue3 + vue-i18n

{
  "name": "l4acc-fe",
  "version": "1.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc --noEmit && vite build",
    "build:dev": "vue-tsc --noEmit && vite build --mode dev",
    "preview": "vite preview"
  },
  "dependencies": {
    "@element-plus/icons-vue": "^2.0.6",
    "axios": "^0.27.2",
    "echarts": "^5.3.0",
    "element-plus": "^2.2.6",
    "js-sha512": "^0.8.0",
    "lodash": "^4.17.21",
    "lodash-es": "^4.17.21",
    "nprogress": "^0.2.0",
    "pinia": "^2.0.14",
    "qs": "^6.10.3",
    "type-fest": "^2.12.0",
    "vue": "^3.2.37",
    "vue-i18n": "^9.2.0-beta.26",
    "vue-router": "^4.0.16"
  },
  "devDependencies": {
    "@types/lodash": "^4.14.178",
    "@types/lodash-es": "^4.17.5",
    "@types/node": "^17.0.45",
    "@types/nprogress": "^0.2.0",
    "@types/qs": "^6.9.7",
    "@vicons/antd": "^0.11.0",
    "@vicons/carbon": "^0.12.0",
    "@vicons/fa": "^0.11.0",
    "@vicons/fluent": "^0.11.0",
    "@vicons/ionicons5": "^0.11.0",
    "@vitejs/plugin-vue": "^2.0.0",
    "autoprefixer": "^10.4.2",
    "less": "^4.1.3",
    "less-loader": "^10.2.0",
    "postcss": "^8.4.5",
    "tailwindcss": "^3.0.13",
    "typescript": "^4.7.4",
    "vite": "^2.9.12",
    "vue-tsc": "^0.37.8"
  }
}

出错提示

Uncaught SyntaxError: Not available in legacy mode

解决方式

添加 legacy:false 到i18n插件当中

const i18n = createI18n({
  fallbackLocale: "en",
  globalInjection: true,
  locale: getLocale(),
  messages,
  legacy: false,
});