Ember-cli中的聚合物1.0，錯誤的外觀

我已經設法將Polymer 1.0集成到我的Ember-cli項目中。這是我BrocfileEmber-cli中的聚合物1.0，錯誤的外觀

var vulcanize = require('broccoli-vulcanize'); 
var pickFiles = require('broccoli-static-compiler'); 
var mergeTrees = require('broccoli-merge-trees'); 
var EmberApp = require('ember-cli/lib/broccoli/ember-app'); 


var app = new EmberApp({ 
    compassOptions: { 
    sassDir: "app/styles/main", 
    outputStyle: 'expanded' 
    } 
}); 

//app.import("./bower_components/webcomponentsjs/webcomponents-lite.min.js"); 

var polymerVulcanize = vulcanize('app', { 
    input: 'elements.html', 
    output: 'assets/vulcanized.html', 
/* inline: true, 
    strip: false,*/ 
    excludes: [/*/^data:/, /^http[s]?:/, /^\//*/], 
    /* stripExcludes: false, 
    stripComments: false, 
    inlineScripts: false,*/ 
    inlineCss: true 
    }) 
    ; 
var polymer = pickFiles('bower_components/', { 
    srcDir: '', 
    files: [ 
    'webcomponentsjs/webcomponents-lite.min.js', 
    'polymer/polymer.html' 
// 'polymer/polymer.js' 
    ], 
    destDir: '/assets' 
}); 

//Bootstrap 

app.import('./bower_components/bootstrap/dist/js/bootstrap.js'); 
app.import('./bower_components/bootstrap/dist/css/bootstrap.css');

這我怎麼包羅萬象：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Front</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="assets/webcomponentsjs/webcomponents-lite.min.js"></script> 
    {{content-for 'head'}} 
    <link rel="stylesheet" href="assets/vendor.css"> 
    <link rel="stylesheet" href="assets/front.css"> 
    <script src="assets/vendor.js"></script> 
    <script src="assets/front.js"></script> 
    <link rel="import" href="assets/vulcanized.html"> 
    {{content-for 'head-footer'}} 
</head> 
<body> 
{{content-for 'body'}} 
{{content-for 'body-footer'}} 
</body> 
</html>

這我在index.hbs按鈕

<paper-spinner active></paper-spinner> 
<paper-button>flat button</paper-button> 
<paper-button raised>raised button</paper-button>

我有結果是錯誤的渲染按鈕1 4/5次。

這它的外觀： enter image description here

正常： enter image description here

如果林權紙材料的問題，但我不知道該怎麼辦。 enter image description here

任何想法？

來源

2015-06-19 Costa

我一直在嘗試使用聚合物1.0與上個月的餘燼，原來一些聚合物元素作爲插入點使用不會與燼。

我已經和一位聚合物核心成員說過話了，他說他們正在一些互操作性中工作，以使事情有效，但這需要一些時間。

我已經在emberjs回購（https://github.com/emberjs/ember.js/issues/11361）上打開了一個問題，您也可以在那裏跟隨。

嘗試將代碼從index.hbs移至index.html而不是這樣，這將解決問題，但這些元素在任何路徑下都不起作用。

來源

2015-06-23 00:52:00

Thx很多！知道它不起作用很酷。 – Costa

Fwiw，當所有瀏覽器都實現Shadow DOM標準時，這個問題將完全消失。今天只是一個問題，因爲需要填充Shadow DOM。支持Shadow DOM！ –

Ember-cli中的聚合物1.0，錯誤的外觀

回答

相關問題