Полимерная одна страница приложение не работает

Я создал одностраничное приложение polymer и при запуске node app.jsоно не отображается.

индекс.формат html

<!doctype html>
<html>
  <head>
    <script src="/bower_components/webcomponentsjs/webcomponents.js"/>
    <link rel="import" href="/bower_components/polymer/polymer.html">
    <link rel="import" href="/bower_components/core-icon/core-icon.html">
    <link rel="import" href="/bower_components/paper-input/paper-input-decorator.html">
    <link rel="import" href="/bower_components/paper-icon-button/paper-icon-button.html">
    <link rel="import" href="/bower_components/paper-shadow/paper-shadow.html">
    <link rel="import" href="/bower_components/paper-card/paper-card.html">
    <link rel="import" href="news-api.html">
  </head>
  <body>
    <news-api></news-api>
  </body>
</html>

новости-api.формат html

<dom-module id="news-api">
  <template>
    <span>{{message}}</span>
  </template>

  <script>
    Polymer({
      is: 'news-api',
      properties : {
        message: {
          type: String,
          value: "Hello world!"
        }
      }
    });
  </script>
</dom-module>

Я просто публикую свой полимерный код, потому что узел.часть js, кажется, работает хорошо. Пожалуйста, простите меня, если я сделал некоторые глупые ошибки, я новичок в polymer и node.js.

1 ответ

  1. Выяснил проблему. Проблема в вашем self-closing script tag. Пожалуйста, проверьте эту ссылку, чтобы узнать больше об этой проблеме.
    Заменяющий

    <script src="/bower_components/webcomponentsjs/webcomponents.js"/>
    

    с

    <script src="/bower_components/webcomponentsjs/webcomponents.js"></script>
    

    должен исправить вашу проблему