2016-04-10 13 views
0

Ich habe ein Polymer-Element wie folgt erstellt.Polymer zeigt nichts auf HTTP-Server

hallo-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> 

die HTML-Datei, die er lädt sich wie folgt: 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> 

In Eingabeaufforderung Ich bin in dem Ordner (C: \ Users \ Admin \ polymer), die index.html enthält, und ich habe einen http-Server im Ordner installiert und einen Server mit

http-server C:\Users\Admin\polymer 
gestartet

Starten von localhost: 8080/index.html zeigt eine leere Webseite an. Wo ist das Problem, das behoben werden muss?

Antwort

0

Sie sagten, Ihre HTML-Datei ist hello-world.html. Aber Sie versuchen, auf zuzugreifen. Sieh den Unterschied? Greifen Sie entweder auf localhost:8080/hello-world.html zu oder benennen Sie hello-world.html in index.html um.

+0

Danke für Ihre Antwort. Ich habe jedoch erwähnt, dass das Polymerelement in "Hallo-Welt.html" geschrieben ist. Und 'index.html' greift darauf zu. –

0

Das Problem war mit der URL, die ich in der Adressleiste eintippte. Ich muss "localhost: 8080/polymer /" eingegeben haben, wobei polymer der Ordner ist, der index.html enthält.

Ich habe stattdessen 'localhost: 8080/index.html' eingegeben, was falsch war. Die Antwort von Rando half mir, das herauszufinden. Danke Rando!