使用lit element/lit html实现国际化/本地化的最佳实践

Question

感谢您的阅读。

我还是个新手，刚开始接触聚合物/lit-element，lit-html。我已经开始使用PWA初学者工具包。令我惊讶的是，它使用的不是聚合物元素，而是发光元素。

我尝试应用来自https://polymer-library.polymer-project.org/3.0/docs/apps/localize的默认应用程序-本地化-行为。

没有成功。

在PageViewElement中使用mixinBehaviors似乎行不通了。

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还太年轻，在用户中已经看到了共识，所以有很多解决方案，每个人都在尝试它的东西。

就我而言，我已经测试了(不是在生产中，只在小的sides项目上)您引用的lit，以及https://vaadin.com/directory/component/t2ymi18n-element

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

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

Answer 2

谷歌发布了一个官方解决方案，发布了Lit2.0，可以在npm上以@lit/localize的形式获得。下面是文档：https://lit.dev/docs/libraries/localization/