2015-06-26 23 views
0

我正在使用Polymer來創建打包的web應用程序,但它沒有顯示它應該顯示的元素。打包的web應用程序中的Web組件

這裏是index.html的

<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> 
    <title>seed-element Demo</title> 
    <script src="../../webcomponentsjs/webcomponents-lite.js"></script> 
    <link rel="import" href="../seed-element.html"> 
    </head> 
    <body> 

    <p>An example of <code>&lt;seed-element&gt;</code>:</p> 

    <button>Say Something</button> 

    <seed-element author='{"name": "Lord Meowser", "image": "http://placekitten.com/g/200/300"}' fancy> 
     <h2>Hello seed-element</h2> 
    </seed-element> 

    </body> 
</html> 

當我與PolyServe的它工作正常啓動它,但是當我有一個清單打包,並嘗試在FirefoxOS模擬器,該組件不起作用。是否需要在manifest中修改?

任何人都可以幫忙嗎?我卡住了。

回答

0

我發現該怎麼辦。這是一個CSP內嵌腳本的問題。首先,我需要npm install VulcanizeCrisper將內聯腳本分成一個文件,這樣我可以在打包的web-app中使用Polymer web組件。

vulcanize index.html --inline-script | crisper --html build.html --js build.js 

倒萊法語UNE réponse加上完整。