vue-i18n插件报错Uncaught SyntaxError: Not available in legacy mode

最新推荐文章于 2023-08-04 21:31:40 发布
最新推荐文章于 2023-08-04 21:31:40 发布
阅读量1.2w 收藏 8
点赞数 12
分类专栏： vite 文章标签： vite vue-i18n vue3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_36728518/article/details/123661673
版权

在vite脚手架项目当中，使用vue-i18n插件进行国际化多语言时，爆出

Uncaught SyntaxError: Not available in legacy mode

首先

查看vue-i18n的版本号：9.2.0-beta.32

修复这个问题添加 legacy:false 到i18n插件当中

const i18n = createI18n(
    {
        legacy: false,
        locale: 'en',
        messages: {
            en,
            ar
        }
    }
)
任磊abc
关注
  • 12
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
vue项目中使用vue-i18n报错的解决方法
12-09
前言 Vue-i18n大家应该都不陌生，Vue-i18n安装的安装方法如下： npm install vue-i18n --save 然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到以下情况： Value of key ‘xxx’ is not string! Cannot translate the value of keypath ‘xxx’. Use the value of keypath as defa
vue-i18n-loader：用于自定义块的vue-i18n-loader
02-06
@ intlify / vue-i18n-loader 用于自定义块的vue-i18n加载程序 注意： :warning: next分支是Vue 3的开发分支！ 稳定版现已在分支中！ 状态：测试版 :star: 产品特点 i18n资源预编译 i18n自定义块 i18n资源定义 i18n资源导入 i18n资源定义的语言环境 全球范围内的i18n资源定义的语言环境 i18n资源格式 :optical_disk: 安装 NPM $ npm i --save-dev @intlify/vue-i18n-loader@next 纱 $ yarn add -D @intlify/vue-i18n-loader@next :rocket: i18n资源预编译
vue3＋vant4实现国际化语言切换以及解决Not available in legacy mode 报错问题
killerdoubie的博客
02-21 1939
vue3＋vant4实现国际化语言切换以及解决Not available in legacy mode 报错问题
Vue3国际化（vue-i18n简繁体及英文切换）及报错 Uncaught SyntaxError: Not available in legacy mode 解决方法
RainHg的博客
06-30 2800
vue3国际化（i18n简繁体及英文切换），若插件报错：Uncaught SyntaxError: Not available in legacy mode的解决方法
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Uncaught SyntaxError: Not available in legacy mode
LQS5858的博客
12-16 1464
vite使用i18n问题记录
[vue问题]Uncaught SyntaxError: Not available in legacy mode
前端
03-21 925
Vue 3 允许您混合使用 Options API 模式和 Composition API模式，Options API 模式也即Legacy mode, 但自 v9 初始版本以来，Vue i18n 不允许混合使用 API 模式，因此您需要根据你的vue3采用的模式来确定Vue i18n 使用哪个模式。因为我的vue的代码使用的是Composition API风格代码， 因此需要设置vue-i8n为Composition API模式。但是vue-i8n的v9.x版本主要是支持vue3.x版本。
【VUE】vue-i18n: Uncaught SyntaxError: Not available in legacy mode
无限循环
07-26 2055
vite使用i18n问题记录：Uncaught SyntaxError: Not available in legacy mode
【错误记录】Uncaught SyntaxError: Not available in legacy mode
weixin_50863323的博客
08-04 362
在引入vue-i18n 处，添加 legacy: false。项目当中，使用vue-i18n插件进行国际化多语言时，报错。如果对项目不熟悉，可以在全局下搜索createI18n。
vue-i18n插件报错 Uncaught (in promise) SyntaxError: Not available in legacy mode
weixin_41086056的博客
06-03 2091
vue-i18n插件报错 ： Not available in legacy mode
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :star: 特征 vue-i18n基本脚手架 使用vue-i18n-loader的单个文件组件中的区域设置消息 区域设置消息丢失和未使用的报告（实验性） 环境变量 :rocket: 入门 如果yon没有使用Vue CLI创建的项目： vue create my-vue-app 将插件安装到您的项目中： cd my-vue-app vue add i18n :hammer: 注入的命令 vue-cli-service i18n:report （实验性） 报告缺少的区域设置消息键和
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
从零开始Vue3+Element Plus后台管理系统(十五)——多语言国际化vue I18n
immocha的博客
05-22 5048
i18n国际化的内容比较多，写文章的时间也用得比较长，从上周五开始到本周一，断断续续完成了。虽然实际工作中很多项目都不需要国际化，但是了解国际化的用法还是很有必要的。
【Vue】使用 vue-i18n 报错问题解决（一）
yqyn6的博客
05-04 4928
解决报错 Uncaught (in promise) SyntaxError: Not available in legacy mode (at message-compiler.esm-bundler.js:54:1) at createCompileError (message-compiler.esm-bundler.js:54:1) at createI18nError (vue-i18n.esm-bundler.js💯1)
vue-i18n报错Uncaught (in promise) SyntaxError: Not available in legacy mode
qq_18822979的博客
09-07 1593
解决vue-i18n报错Uncaught (in promise) SyntaxError: Not available in legacy mode
【报错信息：SyntaxError: invalid syntax】
simpleness_的博客
03-28 927
很简单的一行代码却报错了 原因是python版本问题。在python2的版本里就会报这个错误，而在python3中就不会报这个错误了
npm ERR! peer vue@“^3.0.0“ from vue-i18n@9.1.10
ping65588的博客
07-11 2269
ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue[email protected] npm ERR! Found: vue@2.6.10 npm ERR! node_modules/vue npm ERR! vue@"2.6.10" from the root project npm ERR! npm ERR! Could not resolve dependency:
vue-i18n报错Uncaught SyntaxError: Unexpected identifier 'All'
最新发布
11-25
根据提供的引用内容，可以看出这是一个语法错误，可能是由于代码中出现了意外的标识符或者特殊字符导致的。针对vue-i18n报错Uncaught SyntaxError: Unexpected identifier 'All'，可能是由于代码中使用了未定义的变量或者函数名，或者是在代码中使用了不支持的语法。解决方法如下： 1.检查代码中是否有拼写错误或者语法错误，特别是在使用变量或者函数名时，要确保其正确性。 2.检查代码中是否使用了不支持的语法，例如箭头函数、模板字符串等，如果是，则需要将其转换为ES5语法。 3.检查代码中是否引入了不兼容的第三方库或者插件，如果是，则需要升级或者更换相应的库或者插件。 下面是一个可能的解决方案： ```javascript // 定义变量All const All = { en: { message: { hello: 'hello world' } }, zh: { message: { hello: '你好，世界' } } } // 导出All export default All ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

任磊abc

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值