Vue Router で TypeError: Cannot read property '_c' of undefined

症状

ページが遷移しない。
以下のようなログが出力される。

vue-router.esm.js?880d:1921 TypeError: Cannot read property '_c' of undefined

原因

単純にタイプミス

誤: components
正: component

import Vue from 'vue';
import VueRouter from 'vue-router';
import Top from './views/Top.vue';
import Portfolio from './views/Portfolio.vue';
import Stocks from './views/Stocks.vue';

Vue.use(VueRouter);
const routes = [
  {
    path: '/',
    name: 'top',
    components: Top,  // <- s 要らない
  },
  {
    path: '/portfolio',
    name: 'portfolio',
    components: Portfolio,  // <- s 要らない
  },
  {
    path: '/stocks',
    name: 'stocks',
    components: Stocks,  // <- s 要らない
  },
];

export default new VueRouter({
  routes,
});

きっかけ

これで気づけた

• vue-router : failed to resolve async component render - Stackoverflow