В шаблоне (скопипастил с гайда mdl) app.blade.php:
<!-- Always shows a header, even in smaller screens. -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">Title</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<!-- Navigation. We hide it in small screens. -->
<nav class="mdl-navigation mdl-layout--large-screen-only">
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
</nav>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Title</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
<a class="mdl-navigation__link" href="">Link</a>
</nav>
</div>
<main class="mdl-layout__content">
<div class="page-content">
<router-view></router-view>
</div>
</main>
</div>
В app.js:
import 'material-design-lite/dist/material.min.js'
Webpack собирает бандл.
CSS стили собираются в отдельный style.css
В итоге стили работают, то есть меню на странице выглядит как и должно, но вот нажатие на бутерброд ни к чему не приводит.

На консоли ошибок нет.
Нагуглил, что надо бы использовать componentHandler, но разнообразные его вызовы в mounted() не привели ни к чему.
Проверил, что зависимость подтягивается: да, подтягивается.
Стили, соответственно, тоже.
Что же я делаю не так?