Javascript 简单聚合物组分不'；我不在Safari 10上工作_Javascript_Macos_Safari_Polymer_Web Component

Javascript 简单聚合物组分不'；我不在Safari 10上工作

javascript macos safari polymer

Javascript 简单聚合物组分不'；我不在Safari 10上工作,javascript,macos,safari,polymer,web-component,Javascript,Macos,Safari,Polymer,Web Component,为什么这段代码在Chrome上有效而在Safari上无效？错误：ReferenceError:找不到变量：Polymer Mac OSX 10.11.6 代码： <!DOCTYPE html> <html> <head> <title>Test</title> <script src="/node_modules/webcomponents.js/webcomponents-lite.min.js"></scr

为什么这段代码在Chrome上有效而在Safari上无效？错误：ReferenceError:找不到变量：Polymer

Mac OSX 10.11.6

代码：

<!DOCTYPE html>
<html>
<head>
  <title>Test</title>
  <script src="/node_modules/webcomponents.js/webcomponents-lite.min.js"></script>
  <link rel="import" href="/node_modules/Polymer/polymer.html">
</head>
<body>
  <dom-module id="my-test">
    <template>
        Hello !
    </template>
  </dom-module>

  <script>
  Polymer({
      is: 'my-test'
    });
  </script>

  <my-test>
  </my-test>
</body>
</html>


试验
你好
聚合物({
是：“我的测试”
});

这是因为Chrome中的

是同步处理的，而在Safari中，它首先不被识别（因为不是本机实现的）。因此，在解析聚合物（）时，没有定义它

在调用Polymer（）之前，应该等待

HTMLImportsLoaded

事件

<script>
    document.addEventListener( "HTMLImportsLoaded", function () {
        Polymer({
            is: 'my-test'
        });
    })
</script>

<script>
    HTMLImports.whenReady( function () {
        Polymer({
            is: 'my-test'
        });
    })
</script>