使用带有Polymer的core-header-panel时出现语法错误

时间:2015-05-06 12:33:18

标签: javascript polymer

我正在尝试使用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>

componentsbower_components的符号链接 - 消除符号链接不会造成任何差异,因此它不是符号链接。)

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

只有当我core-header-panel.html导入head时才会出现这种情况 - 身体中的某些东西没有任何区别。解析core-header-panel.html时出现错误。我在Windows平台上使用ChromeCanary 44.0 x64,但问题可以在Chrome 42.0中复制。

我已经对代码进行了简单的挖掘,但我不了解Polymer足以解决问题的来源;我所知道的是它发生在Polymer.Bind._addAnnotatedListener内。这是一个完整的堆栈跟踪(出于某种原因,我无法通过Chrome开发工具复制+粘贴整个堆栈跟踪)。

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

StackTrace of error

bower.json

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

1 个答案:

答案 0 :(得分:0)

这是由于凉亭版本不匹配造成的。哎呀。聚合物使用0.8.0,但纸元素需要0.5.5