2016-04-10 4 views
0

私は以下のようにPolymer要素を作成しました。httpサーバに何も表示されない

ハローworld.html

<link rel="import" href="../bower_components/polymer/polymer.html"> 

<dom-module id="hello-world"> 

    <template> 
     <p><h1>Hello World</h1></p> 
    </template> 

    <script> 
     Polymer ({ is: "hello-world", }); 
    </script> 

</dom-module> 

次のようにそれがロードhtmlファイル:コマンドプロンプトでindex.htmlを

<!DOCTYPE html> 

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

     <link rel="import" href="elements/hello-world.html"> 
    </head> 

    <body> 
     <hello-world></hello-world> 
    </body> 
</html> 

、私はフォルダ(Cに存在しています\ Users \ Admin \ polymer)にはindex.htmlが含まれており、このフォルダにhttpサーバをインストールしてサーバを起動しました。

http-server C:\Users\Admin\polymer 

localhost:8080/index.htmlを起動すると空白のWebページが表示されます。修正が必要な問題はどこにありますか?

答えて

0

あなたのhtmlファイルはhello-world.htmlです。しかし、localhost:8080/index.htmlにアクセスしようとしています。違いを見ます? localhost:8080/hello-world.htmlにアクセスするか、hello-world.htmlからindex.htmlに名前を変更してください。

+0

あなたの答えをありがとう。しかし、ポリマー要素は 'hello-world.html'で書かれています。そして、 'index.html'はそれにアクセスしています。 –

0

問題は、アドレスバーに入力したURLに問題がありました。私は "localhost:8080/polymer /"と入力しなければなりません。ここで、polymerはindex.htmlを含むフォルダです。

代わりに 'localhost:8080/index.html'と入力していましたが間違っていました。 Randoの答えは、これを理解する助けになりました。ありがとうRando!

関連する問題