组件的数据未显示在浏览器中

Question

我已经在Laravel中创建了组件，但是这些组件未在浏览器中显示，这是完整源代码的链接：https://drive.google.com/file/d/1yco3ve6HvsTPZPk98hmXQ5G7RTYK1nw7/view?usp=sharing

Dashboard.vue：

  <template>
  <div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card card-default">
                <div class="card-header">Dashboard Component</div>

                <div class="card-body">
                    I'm an example component.
                </div>
            </div>
        </div>
      </div>
   </div>
 </template>

  <script>
    export default {
      mounted() {
          console.log('Component mounted.')
       }
    }
  </script>

app.js：

  let routes = [
 { path: '/dashboard', component: require('./components/Dashboard.vue') },
 { path: '/users', component: require('./components/Users.vue') },
 { path: '/profile', component: require('./components/Profile.vue') }
]

package.json的屏幕截图：https://ibb.co/QcpCVc3

如何解决此问题？