聚合物单页面应用程序不起作用

时间:2016-11-09 13:27:44

标签: javascript node.js polymer polymer-1.0

我创建了一个单页聚合物应用,当我运行node app.js时,该应用未显示。

的index.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>

我只是发布我的聚合物代码,因为node.js部分似乎工作正常。如果我犯了一些愚蠢的错误,请原谅我,我是聚合物和node.js的新手。

1 个答案:

答案 0 :(得分:0)

发现了这个问题。问题出在您的self-closing script tag上。请查看this链接以了解有关此问题的更多信息。 替换

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

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

应解决您的问题