Polymer neon动画页面抛出TypeError，因为其selectedItem未定义

我在一个继承的项目中迷失了方向：一个Java应用程序的web前端在服务器上提供数据。它包含很多未修复的bug，大部分可能是从Polymer 1.0迁移到Polymer 1.0，这是前端工作人员离开前做的最后一件事。到目前为止，我已经将所有npm和bower依赖项更新到了它们的最新版本，并查看了自定义HTML和JavaScript部分中发生的大部分事情，但我只知道一些基本的HTML和Java并不能帮助推动事情向前发展

该区域的HTML结构大致如下：

<paper-scaffold id="scaffold" drawer-width="{{drawerWidth}}" responsive-width="{{responsiveWidth}}" mlist="{{mList}}> 
    <neon-animated-pages id="pages-blocks" class="flex" selected="{{selectedPage}}" entry-animation="{{entryAnimation}}" exit-animation="{{exitAnimation}}"> 
        <template is="dom-repeat" items="{{list}}" as="block" index-as="blockIndex">
            <neon-animatable> (content) </neon-animatable>
        </template>
    <neon-animated-pages>
</paper-scaffold> 

---

这本身不是一个答案，但我想我至少应该留下一些见解，以防有人在这个问题上绊倒

所发生的事情是，在我继承的混乱代码中，对
\u selectedChanged
的三个调用来自三个不同的
实例，它们共享相同的索引，并且（通常）一次只能看到其中一个。它们相互干扰，代码的其他部分也相互干扰，在某种程度上，我失去了跟踪连接以修复所有代码的能力

我的“解决方案”是在根本没有动画的情况下重写代码，这是没有必要的，事实上，我们想关闭它。现在，一个更为精简的结构（并添加了注释）
将列表和内容连接起来
 这本身不是一个答案，但我想我至少会留下一些见解，以防有人在这个问题上绊倒

所发生的事情是，在我继承的混乱代码中，对
\u selectedChanged
的三个调用来自三个不同的
实例，它们共享相同的索引，并且（通常）一次只能看到其中一个。它们相互干扰，代码的其他部分也相互干扰，在某种程度上，我失去了跟踪连接以修复所有代码的能力

我的“解决方案”是在根本没有动画的情况下重写代码，这是没有必要的，事实上，我们想关闭它。现在，一个更为精简的结构（并添加了注释）
将列表和内容连接起来