[Vue warn]: Cannot find element: #app

Verify that your main design file app.blade.php contains a div with the app id just after the <body> tag just like this:

<body>
    <div id="app">
    .
    .
    .
    </div>
</body>

Error says it all. Vue can't find #app element, so you need to add it:

<div id='app'></div>

https://v2.vuejs.org/v2/guide/


Sometime everything seems got , but we are still getting same error then you have to copy this code and paste in app. blade.

<head>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">

<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>

<body>
<div id="app">
 .
 .
 .
 .
 .
 .
</div>
</body>