laravelでvue.jsのコンポーネントが追加できない

前提・実現したいこと

laravelでvue.js初心者でwebアプリケーションを作成しています。
新しいコンポーネントを追加しようとしてるのですがエラーが発生して追加されません
調べてみてやってみたのですが解決しませんでした
vue.jsのインストール確認のために作成したsample-componentはエラーは起きず追加できました。

発生している問題・エラーメッセージ

app.js:21034 [Vue warn]: Unknown custom element: <documentlist-component> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

該当のソースコード

php
1// list.blade.php
2
3<!doctype html>
4<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
5<head>
6  <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <meta name="csrf-token" content="{{ csrf_token() }}">
9  <title>書類リスト</title>
10</head>
11<body>
12{{-- <h1>sample</h1> --}}
13<div id="app">
14    <sample-component></sample-component>
15    <documentlist-component></documentlist-component>
16</div>
17
18<script src="{{ asset('/js/app.js') }}"></script>
19</body>
20</html>

javascript
1// app.js
2
3Vue.component(
4    "documentlist-component",
5    require("./components/DocumentlistComponent.vue").default
6);
7
8const app = new Vue({
9    el: "#app"
10});

Vue
1// DocumentlistComponent.vue
2
3<template>
4  <p>hogehoge</p>
5</template>
6
7<script>
8export default {
9  name: "DocumentlistComponent"
10};
11</script>