如何让 paper-textarea 在 Polymer 2.x 中工作？

Question

如何让 <paper-textarea> 在 Polymer 2.x 中工作？它根本没有出现。我究竟做错了什么？一个工作演示会很棒。

<!DOCTYPE html>
<html>

  <head>
    <base href="//polygit.org/components/">
    <link rel="import" href="polymer/polymer.html">
    <script src="webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="paper-input/paper-textarea.html">
  </head>

  <body>
    <paper-textarea label="Hello world"></paper-textarea>
  </body>

</html>

Answer 1

<paper-textarea> 仍然可以在 Polymer 2.x 中使用，并且您的代码可以使用本地 HTML 导入。 JSBin 演示没有出现的原因是由于 Polygit 的弃用（和禁用），如 http://polygit.org:

所示

Polygit is deprecated and only compatible with Bower and Polymer 1.0 & Polymer 2.0. As an alternative, use this Glitch to load dependencies via Bower.

您还会在 JSBin 演示中注意到控制台中的网络故障。

您可以将 <base> 中的 Polygit URL 替换为 https://cdn.rawgit.com/download/polymer-cdn/2.6.0.2/lib/ 以查看其工作情况：

<!DOCTYPE html>
<html>

  <head>
    <base href="//cdn.rawgit.com/download/polymer-cdn/2.6.0.2/lib/">
    <link rel="import" href="polymer/polymer.html">
    <script src="webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="paper-input/paper-textarea.html">
  </head>

  <body>
    <paper-textarea label="Hello world"></paper-textarea>
  </body>

</html>

如何让 paper-textarea 在 Polymer 2.x 中工作？

How do I get paper-textarea working in Polymer 2.x?

web-component

polymer

paper-elements

polymer-2.x