localization - 使用 lit-element/lit-html 进行国际化/本地化的最佳实践

Question

感谢您的阅读。

我是 polymer/lit-element，lit-html 的新手。我已经开始使用 PWA 入门套件。令我惊讶的是，它没有使用 polymer 元素，而是使用发光元素。

我试图应用来自 https://polymer-library.polymer-project.org/3.0/docs/apps/localize 的默认 app-localize-behaviour .

没有成功。

将 mixinBehaviors 与 PageViewElement 一起使用似乎会中断。

mixinBehaviors([AppLocalizeBehavior], PageViewElement) 

最终出现以下类型的错误:

TypeError: this.constructor._classProperties is undefined

我同时看到有几个图书馆开始蓬勃发展，例如:

https://github.com/andreasbm/lit-translate

或者:

https://github.com/hamedasemi/lit-element-i18n

所以，我必须承认我现在迷失了，我该怎么做才能用 lit-element 和 lit-html 进行国际化或本地化。

有没有推荐的库，我错过了关于官方推荐方式的帖子吗？

提前谢谢你，祝你有美好的一天。

Answer 1

我不认为有一个官方的解决方案，而且 lit-element 还很年轻，还没有看到用户中出现的共识，所以有很多解决方案，每个人都在尝试。

就我而言，我已经测试过(不在生产​​中，仅在小型项目中)您引用的 lit-translate 和 https://vaadin.com/directory/component/t2ymi18n-element

两者似乎都很好用。
第二个由一个认真并遵循其组件的团队维护。我以前和他们的一些人一起工作过，从来没有遇到过任何重要的问题。我不知道谁在维护第一个，但它似乎是问题的答案和定期更新，所以它们看起来也很严重。

我想你可以去尝试一个看起来更容易使用的，不要犹豫来添加对它们的反馈，它会为每个人服务:)