Question

我使用Polymer创建一个打包的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中修改的内容吗？

任何人都可以提供帮助？我被卡住了。

Answer 1

我发现了怎么做。这是 CSP 内联脚本问题。首先，我需要安装 Vulcanize 和 Crisper 来将内联脚本拆分成文件，这样我就可以在我的打包网络应用程序中使用Polymer Web组件。 / p>

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

Pourlesfrançaisuneréponse加上complète。

打包的Web应用程序中的Web组件

1 个答案: