2014-07-14 8 views
5

Sadece tarayıcıda render yapmak için Polymer kullanarak son derece minimal bir web sayfası oluşturmaya çalışıyorum - şeylerin sunucu tarafında bir Düğüm/ExpressJS/Jade kurulumu kullanıyorum. Kodum Polimer belgeleriyle birlikte gönderilen örneklere yaklaştığı kadar yakın, sanırım gerçekten basit bir şeyi özlüyorum. Chrome M35 kullanıyorum.Minimal çalışma Polimer örneği

sunucusunda

, ben çardak kullanarak tüm Polimer malzeme (platform, çekirdek ve kağıt) yüklemiş ve benim sunucuda doğrulandıktan /static

app.use('/static', express.static(path.join(process.cwd(), 'bower_components'))) 

altında statik olarak hizmet verilecek bower_components eşlediyseniz http://localhost:3000/static/paper-button/paper-button.html gibi kaynaklara doğru şekilde hizmet verebilir - bu, istenen dosyanın içeriğini döndürür.

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <script src="/static/platform/platform.js"></script> 
    <title>Authenticate</title> 
    <link rel="import" src="/static/paper-button/paper-button.html"> 
    <style> 
     body { 
     font-family: 'Helvetica Neue'; 
     margin: 0; 
     padding: 24px; 
     user-select: none; 
     transform: translateZ(0); 
     } 

     paper-button { 
     margin: 1em; 
     width: 10em; 
     } 

     paper-button.colored { 
     color: #4285f4; 
     fill: #4285f4; 
     } 

    </style> 
    </head> 
    <body> 
    <paper-button label="Authenticate" class="colored"></paper-button> 
    </body> 
</html> 

Bu Polymer website belgelenen gibi aynı widget için örnek alır olduğunca yakındır:

sayfa tarafından sunulan HTML gibi olduğunu. Benim durumumda hiçbir şey ortaya çıkarmaz. (

Polymer Web Inspector

Ben kök sayfasının kendisine ait bir xhr gönderir platform.js, tarafından kurulur inanmak bir Loader.js senaryo vardır: Gerçekten garip bir şey denetçisinin Ağ sekmesinde neler gösterilir edilir 3. satır). Gördüğüm diğer örneklerde, yükleme komut dosyası içe aktarılan web bileşenlerini yüklemeye başlar. Sadece davamda bunu neden yaptığını anlayamıyorum. Diğer garip bir şey, Parser.js'dan gelen çağrıdır - istenen veri URL'siolup, bunun anlamı: //# sourceURL=null/[1453].js - yine çok iyi bir işaret değildir.

Bağlantılarımda göreceli src s kullanmayı denedim - boşuna. Temel olarak çok erken bir aşamada sıkışıp kaldım ve doğru yönde işaret edilmeyi gerçekten takdir ediyorum.

cevap

6

Bu doğru değil:

<link rel="import" src="/static/paper-button/paper-button.html"> 

Olmalıdır:

<link rel="import" href="/static/paper-button/paper-button.html"> 

Yan Not: Ayrıca, bir "şüpheli" http isteği önlemek için favicon ekspres ortakatmanını isteyebilirsiniz. (Ortak kökünüzde bir favicon yoksa, ekspres tarafından ele alınan ekstra bir http isteği görürsünüz. Ortak yazılım, genel kökünüzde yoksa açık ifade sunacaktır.)

+0

yeesh! Kolaydı. Teşekkürler. –