2015-06-26 16 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加上完整。

相关问题