聚合物單頁應用程序不工作

我創建了一個單頁聚合物應用程序，當我運行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

聚合物單頁應用程序不工作

回答

相關問題