聚合物单页应用程序不工作

我创建了一个单页聚合物应用程序，当我运行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的新手。

来源

2016-11-09 Nikhil Raghavendra

你在控制台得到什么错误？ – a1626

@ a1626没有错误，这就是为什么我在调试时遇到问题。 –

你有'bower_components'文件夹正确 – a1626

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

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

与

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

应该解决您的问题

来源

2016-11-09 14:34:38 a1626

聚合物单页应用程序不工作

回答

相关问题