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. (
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.
yeesh! Kolaydı. Teşekkürler. –