vue项目更新多语言之后线上环境组件不显示

本地没问题,但是线上有问题,并且看不到具体的报错代码,修改部署文件.build.sh 中的NODE_ENV=production 为NODE_ENV=development 打开sourceMap,重新部署,即可在控制台定位到具体报错位置信息。

echo '3️⃣ start compiling'
NODE_ENV=production npm run build

echo '4️⃣ finish building!
image

可以查到这个问题的原因:Cannot use @ in translated message(详细问题):This issue is @intlify/vue-i18n-loader implementation issue.@ character is a special character from vue-i18n@v9

解决办法: 配置为{'@'}
https://vue-i18n.intlify.dev/guide/essentials/syntax.html#literal-interpolation

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容