将 core-header-panel 与 Polymer 一起使用时出现语法错误

Question

我正在尝试使用 Polymer 的 core-header-panel 来适应该框架。我已尝试使用此 index.html 文件设置基本页面：

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script src='/components/webcomponentsjs/webcomponents.js'></script>
  <link rel='import' href='/components/core-header-panel/core-header-panel.html'>
</head>
<body unresolved>
  <core-header-panel>

  </core-header-panel>
</body>
</html>

（components 是 bower_components 的符号链接 - 消除符号链接不会造成任何差异，因此它不是符号链接）。

我收到以下错误：Uncaught SyntaxError: missing ) after argument list。

只有当我在 head 中导入了 core-header-panel.html 时才会出现这种情况 - 体内有什么东西没有区别。错误似乎是在解析 core-header-panel.html 时出现的。我在 Windows 平台上使用 ChromeCanary 44.0 x64，尽管问题可以在 Chrome 42.0.

中重现

我已经对代码做了一个简短的挖掘，但我对 Polymer 的了解还不够，无法找出问题的根源；我所知道的是它发生在 Polymer.Bind._addAnnotatedListener 内部。这是一个完整的堆栈跟踪（出于某种原因，我无法通过 Chrome 开发工具复制+粘贴整个堆栈跟踪）。

非常感谢对这个基本示例的任何帮助。我没有添加任何我自己的代码，这只是重复使用已经存在的组件。

bower.json

polymer 版本 0.8.0.
paper-elements 版本 0.5.5.

Answer 1

这是因为 Bower 版本不匹配。哎呀。 Polymer 使用的是 0.8.0，但 Paper Elements 需要 0.5.5

将 core-header-panel 与 Polymer 一起使用时出现语法错误

Syntax error when using core-header-panel with Polymer

javascript

polymer