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

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

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

jsBin Demo

<!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>

<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>