使用lit-element / lit-html进行国际化/本地化的最佳做法

Question

感谢您的阅读。

我是Polymer / lit-element，lit-html的新手。我已经开始使用PWA入门套件。令我惊讶的是，它不使用聚合物元素，而是使用了亮元素。

我尝试从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

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

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