маршрут полимера 1.0 не отображается

Я пытаюсь получить маршрут для работы над проектом, который был создан с использованием стартового набора полимеров. Другие маршруты работают, но у меня возникли проблемы с вложенным маршрутом, который я пытался реализовать

Я хочу иметь возможность добавить маршрут /boat/add и указать его на соответствующий элемент. Я начал с добавления следующего кода в файл routing.html, на котором работает маршрутизатор page.js.

page('/boat/add', function() {
        app.route = 'boat-add';
        setFocus(app.route);
    });

Это, конечно, находится внутри прослушивателя событий WebComponentsReady.

Затем я импортировал элемент в основной файл index.html под тегом шаблона.

<!-- Main Content -->
        <div class="content">
            <iron-pages attr-for-selected="data-route" selected="{{route}}">                
                <section data-route="boat/add" tabindex="-1">
                    <bw-boat-add></bw-boat-add>
                </section>                  
            </iron-pages>
        </div>
    </paper-scroll-header-panel>
</paper-drawer-panel>
</template>

а вот собственно файл шаблона

<dom-module is="bw-boat-add">
  <template>
        Test
  </template>
  <script>
        (function() {
          "use strict";

           Polymer({
                is: 'bw-boat-add',
                attached: function() {
                  console.log(1);
                }
           });

        })();
  </script>
</dom-module>

Кроме того, если это того стоит, функция обработчика прикрепленного метода возвращает 1 в консоли. Есть ли что-то еще, что мне не хватает.