0

我正在试验 Polymer-2/webcomponents，并成功完成了本教程。此外，我添加了一个试用文件，该文件在 Chrome 中加载和显示（虽然没有正确嵌套），但在 Safari（10.0.3）和 Firefox（52.02）中根本不显示，我看到Reference error: can't find variable Polymer所有依赖项似乎都可以在bower_components ，当我进入PolymerFF 和 Safari 的控制台时，Polymer 似乎已被定义，所以可能是时间问题？还有什么可能是错的？

<!doctype html>
<html lang="en">
<head>
  <script>
  window.ShadyDOM = { force: true };
  </script>
  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="bower_components/polymer/polymer.html">
</head>
<body>
   <dom-module id="my-foo">
    <template>
      <h1>
        <slot></slot>
      </h1>
    </template>
    <script>
      Polymer({ is: 'my-foo' });
    </script>
  </dom-module>
  <dom-module id="my-bar">
    <template>
      <i>
        <slot></slot>
      </i>
    </template>
    <script>
      Polymer({ is: 'my-bar' });
    </script>
  </dom-module>
  <my-foo>
    <my-bar>Hello world!</my-bar>
  </my-foo>
</body>
</html>
4

2 回答 2

0

尝试添加：

 <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->
  <script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
于 2017-04-17T16:44:04.860 回答
0

如果您将文档模板移动到单独的文件中并link rel=import href..移至该文件，则效果很好。

于 2017-04-18T18:38:59.303 回答