[Vue]Unknown custom element:が解消できません[Nuxt.js]

Nuxt.js初学者で技術書を参考にアプリを作っているものです。

Unknown custom element: <el-menu> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

というエラーが解消できない状態に陥っています。

上記のエラーはコンポーネントを登録した（うまくできなかった）際に起こるエラーなのだと思うのですが、上記のエラーの通りelementUiのel-menuに対して出てしまっています。

ちなみに、上記のコンポーネントが登録できていないという旨のエラーがel-menu-itemでも出てしまっています。

該当のソースコード

<template>
  <el-menu mode="horizontal" :router="true">
    <el-menu-item index="1" style="pointer-events:none;">
      Nuxt Diary App
    </el-menu-item>
    <el-menu-item index="2" :route="{ path: '/posts/' }">
      投稿一覧
    </el-menu-item>

    <no-ssr>
      <el-menu-item index="4" style="float: right;" :route="{ path: `/users/${user.id}` }" v-if="user">
        <span>{{user.id}}</span>
      </el-menu-item>
      <el-menu-item index="4" style="float: right;" :route="{ path: '/' }" v-else>
        <span>ログイン</span>
      </el-menu-item>
    </no-ssr>
    <el-menu-item index="5" style="float: right" :route="{ path: '/posts/new' }">
      新規投稿
    </el-menu-item>
  </el-menu>
</template>



<script>
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['user'])
  }
}
</script>