polymer - 纸张下拉菜单 : error with Polymer 2. 0

Question

嗨 stackoverflow 用户，

我想将 paper-dropdown-menu 与 polymer 2.0 一起使用，但是当我单击该元素时，出现以下错误:

Uncaught TypeError: Cannot assign to read only property 'target' of object '#<AnimationPlaybackEvent>'
at b.Animation.<anonymous> (web-animations-next-animation.js:223)

我已经安装了 paper-dropdown-menu #2.0-preview。

我尝试了文档中非常简单的示例代码:

        <paper-dropdown-menu label="Dinosaurs">
        <paper-listbox class="dropdown-content" selected="1">
            <paper-item>allosaurus</paper-item>
            <paper-item>brontosaurus</paper-item>
            <paper-item>carcharodontosaurus</paper-item>
            <paper-item>diplodocus</paper-item>
        </paper-listbox>
    </paper-dropdown-menu>

你能帮帮我吗？

谢谢。

菲尔

Answer 1

这似乎是与 web-animations-js 库的兼容性问题。他们于 2017 年 4 月 13 日发布了一个版本，该版本也开始导致 1.x 版本的 paper-drowpdown-menu 出现此问题。在此日期之后进行 Bower 更新的任何人都可能会看到相同的行为，直到问题得到解决。

将此添加到您的 bower.json 文件中应该会为您修复此行为:

"web-animations-js": "web-animations/web-animations-js#2.2.2"

我已经提交了一个关于这个破坏性依赖的问题 w/paper-dropdown-menu:https://github.com/PolymerElements/paper-dropdown-menu/issues/241