Javascript 聚合物成分谷歌签名不点火事件？

我已经使用polymer cli 1.7创建了一个新的初学者工具包项目，我正在尝试使用

Google signin

元素添加Google身份验证

显示“登录”按钮，我可以使用它登录，但未设置

signedIn

属性，并且未触发事件（例如

被授权更改

）

已授权更改

在首次加载页面时触发两次，但在我登录或注销时不会再次触发

...
<link rel="import" href="../bower_components/google-signin/google-signin.html">
...
<dom-module id="cx-dashboard">
  <template>
    <style>
      ...
    </style>

    <app-location route="{{route}}"></app-location>
    <app-route route="{{route}}" pattern="/:page" data="{{routeData}}" tail="{{subroute}}"></app-route>
    <app-drawer-layout fullbleed force-narrow="true">
      <!-- Drawer content -->
      <app-drawer>
        <app-toolbar>Menu</app-toolbar>
        <iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation">

          <a name="view1" href="/view1">View1</a>
          <a name="view2" href="/view2">View2</a>
        </iron-selector>
      </app-drawer>
      <!-- Main content -->
      <app-header-layout has-scrolling-region>
        <app-header condenses reveals effects="waterfall">
          <app-toolbar>
            <paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
            <div main-title>Dashboard</div>
            {{signedIn}}
            <google-signin client-id="my-client-id" hosted-domain="mydomain"
            signed-in="{{signedIn}}"></google-signin>
          </app-toolbar>
        </app-header>
        <iron-pages selected="[[page]]" attr-for-selected="name" fallback-selection="view404" role="main">
          <my-view1 name="view1"></my-view1>
          <my-view2 name="view2"></my-view2>
          <my-view3 name="view3"></my-view3>
          <my-view404 name="view404"></my-view404>
        </iron-pages>
      </app-header-layout>
    </app-drawer-layout>
  </template>
  <script>
    Polymer({
      is: 'cx-dashboard',

      properties: {
        page: {
          type: String,
          reflectToAttribute: true,
          observer: '_pageChanged'
        }
      },
      listeners: {
        'is-authorized-changed': '_handleAuthChange',
        'google-signin-success': '_signInSuccess',
        'google-signed-out': '_signedOut',
        'google-signin-aware-success': '_signInSuccess'
      },
      observers: [
        '_routePageChanged(routeData.page)'
      ],

      _routePageChanged: function(page) {
        this.page = page || 'view1';
      },

      _pageChanged: function(page) {
        // Load page import on demand. Show 404 page if fails
        var resolvedPageUrl = this.resolveUrl('my-' + page + '.html');
        this.importHref(resolvedPageUrl, null, this._showPage404, true);
      },

      _showPage404: function() {
        this.page = 'view404';
      },
      _signInNecessary: function() {
        console.log('_signInNecessary')
      },
      _signInSuccess: function() {
        console.log('_signInSuccess')
      },
      _signedOut: function() {
        console.log('_signedOut')
      },
      _handleAuthChange: function(event) {
        console.log('_handleAuthChange', event)
      }
    });
  </script>
</dom-module>

。。。
...
...
仪表板
{{signedIn}
聚合物({
是：“cx仪表板”，
特性：{
第页：{
类型：字符串，
reflectToAttribute:true，
观察者：''u pageChanged'
}
},
听众：{
“已授权更改”：“已授权更改”，
“谷歌登录成功”：“谷歌登录成功”，
“谷歌注销”：“谷歌注销”，
“谷歌登录感知成功”：“谷歌登录成功”
},
观察员：[
“_routePageChanged（routeData.page）”
],
_routePageChanged:功能（第页）{
this.page=page | |“view1”；
},
_页面更改：功能（第页）{
//按需加载页面导入。如果失败，则显示404页面
var resolvedPageUrl=this.resolveUrl（'my-'+page+'.html'）；
this.importHref（resolvedPageUrl，null，this.\u showPage404，true）；
},
_showPage404:函数（）{
this.page='view404'；
},
_符号必需：函数（）{
console.log（“您需要的信号”）
},
_SignInsAccess:函数（）{
console.log（“”“登录成功”）
},
_signedOut:function（）{
控制台日志（“已签名输出”）
},
_handleAuthChange:函数（事件）{
console.log（“handleAuthChange”，事件）
}
});

问题是我没有在中配置正确的端口

---

感谢@tony19提供的工作示例。

我无法重现该问题（我在每次更改中都会看到授权更改事件）：