vite4.0 vue-i8n踩坑记录

最新推荐文章于 2024-09-11 07:33:54 发布

原创最新推荐文章于 2024-09-11 07:33:54 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vite 专栏收录该内容

1 篇文章

订阅专栏

博客主要针对 'Uncaught (in promise) SyntaxError: Not available in legacy mode' 报错给出解决办法，指出运行的是 vue-i18n 的 esm-bundler 构建，建议配置打包工具用布尔字面量替换功能标志全局变量以实现摇树优化，还提到了 vite 相关。

Uncaught (in promise) SyntaxError: Not available in legacy mode

解决办法：

const i18n = createI18n({
  locale: getLocale(),
+ legacy: false,
  messages: messages,
});

export default i18n;

You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.

解决办法：

npm i @intlify/unplugin-vue-i18n

vite

// vite.config.ts
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'

export default defineConfig({
  plugins: [
    VueI18nPlugin({ /* options */ }),
  ],
})

如果对您有所帮助点赞走一波~~~

如需转载请注明出处！