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

Question

感谢您的阅读。

我是聚合物/点燃元素，点燃 html 的新手。我已经开始使用 PWA 入门套件。令我惊讶的是，它不使用聚合物元素，而是使用发光元素。

没有成功。

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

mixinBehaviors([AppLocalizeBehavior], PageViewElement)

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

TypeError: this.constructor._classProperties is undefined

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

或者：

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

有没有推荐的库，我错过了官方推荐的方式是什么的帖子吗？

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

score 4 · Accepted Answer

我不认为有一个官方的解决方案，而 lit-element 还很年轻，在用户中已经形成了共识，所以有很多解决方案，每个人都在尝试它。

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

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

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

score 0 · Accepted Answer

Google 在发布 Lit 2.0 时发布了官方解决方案，可在 npm 上以@lit/localize. 这是文档：https ://lit.dev/docs/libraries/localization/

2 回答 2