SyntaxError：意外的令牌（即使行为空

Question

我有这个HTML：

<template is="auto-binding" id="container-binding-template">
  <core-scaffold id="scaffold" onscroll={{containerScrolled}}>
    <div id="container">

自动绑定模板和<core-scaffold>是Polymer的一部分。

这是JavaScript：

var template = document.querySelector('#container-binding-template');

template.containerScrolled = function() {
  // regardless of the code here, the error will occur (event if it's empty)
};

当我运行此代码时，我收到以下错误（在Chrome DevTools中）：

  

未捕获的SyntaxError：意外的令牌（VM xxxx ：2

当我打开VM xxxx 文件（例如VM1362）时，我看到以下代码：

(function() {with (this[2]) {with (this[1]) {with (this[0]) {return function(event) {function () {
    // This line contains the same code as in containerScrolled(). This is where the error is pointing to.
  }
};}}}})

导致此错误的原因是什么？我该如何解决？ 任何帮助，将不胜感激。

更新＃1：JSFiddle

Answer 1

事件属性应为on-scroll。你所拥有的是原生内联事件处理程序，它希望输入是函数体。