Javascript Safari上的聚合物2.0_Javascript_Safari_Polymer_Polymer 2.x

Javascript Safari上的聚合物2.0

javascript safari polymer

Javascript Safari上的聚合物2.0,javascript,safari,polymer,polymer-2.x,Javascript,Safari,Polymer,Polymer 2.x,有谁能帮我解答一个疑问。。。我正在Safari上测试新的Polymer 2.0预览版，但它似乎工作不正常。问题是，我只是在index.htm中使用了一个简单的代码，加载polyfill，但我没有构建，而是使用gulp和BrowserSync。碰巧的是，它正在Chrome和Mozila上工作，而不是在Safari上。这个部件甚至没有负载我需要先建造，然后才能在Safari上服务吗这是一个简单的代码，只是为了测试…但我还是会发布：索引： <!DOCTYPE html> <h

有谁能帮我解答一个疑问。。。我正在Safari上测试新的Polymer 2.0预览版，但它似乎工作不正常。问题是，我只是在index.htm中使用了一个简单的代码，加载polyfill，但我没有构建，而是使用gulp和BrowserSync。碰巧的是，它正在Chrome和Mozila上工作，而不是在Safari上。这个部件甚至没有负载

我需要先建造，然后才能在Safari上服务吗

这是一个简单的代码，只是为了测试…但我还是会发布：

索引：

<!DOCTYPE html>
<html lang="pt-br">
<head>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Polymer element - Test</title>

  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>    

  <link rel="import" href="/src/my-element.html"></link>    

</head>   

<body>

  <my-element></my-element>

</body>
<script>
  window.addEventListener('WebComponentsReady', function() {
    alert('Web Components Working');
  });
</script>
</html>

我的元素：

<link rel="import" href="../bower_components/polymer/polymer-element.html">

<dom-module id="my-element">
  <template>

    <!-- Style -->
    <style>

      :host {
        display: block;
      }

    </style>
    <h2>Name : [[name]]</h2>

    <slot></slot>

  </template>

  <script>

    // Extend Polymer.Element base class
    class MyElement extends Polymer.Element {

      static get is(){ return 'my-element' }

      // properties
      static get properties() {
        return {
          name: {
            type: String,
            value: 'my-element'
          }
        };
      }

      // observers
      static get observers() {
        return ['_nameChanged(name)'];
      }

      // constructor
      constructor() {
        super();
        console.log('my-element > created');
      }

      connectedCallback(){
        super.connectedCallback();
        console.log('my-element > attached');

      }

      disconnectedCallback(){

      }

      attributeChangeCallback(){

      }

      // ready > add listeners and attributes at appropriate callback
      ready() {
        this.addEventListener('click', (e) => {
          this._handleClick(e);
        });

        super.ready();
        console.log('my-element > ready');
      }

      _handleClick(e) {
        console.log(e.type);
      }

      _nameChanged(name){
        console.log(`Name: ${name}`);

        // Select the elements
        // this.$.
        // this.$.
      }


    }

    // Register custom element definition using standard platform API
    customElements.define(MyElement.is, MyElement);
  </script>
</dom-module>

尝试更改上面的导入：

<link rel="import" href="../bower_components/polymer/polymer-element.html">

致：

看看它是否有效

如果文件polymer-element.html位于以下目录中，则可以检查该目录并查找该文件：

../bower_组件/聚合物/

嗨，你不需要建造任何东西。如果它加载到Firefox上，你应该让Polyfill工作。还可以使用DevTools查看是否存在polyfill。您需要为任何人发布一些代码以进一步帮助您。@cloudworks buddy，这是代码。您能帮助我吗？有什么想法吗？

<link rel="import" href="../bower_components/polymer/polymer.html">