Level 73
You need to have an element in your view with the id of app
<div id="app></div>
1 like
Dec 5, 2022
11
Level 8
[Vue warn]: Cannot find element: #app
I am working on a Laravel app where VueJS integrated inside Larevel Blade file. I added app.js file like below.
if(Request::is('admin/time')) {
<script src="{{ asset('js/app.js') }}" async defer></script>
}
</body>
</html>
But I am getting error [Vue warn]: Cannot find element: #app. If I visit VueJS component page I am not getting error. But if I visit other pages I am getting error.
I added #app is like below.
const app = new Vue({
el: '#app',
});
Level 8
@Tray2 Thanks. I did that also.
Level 102
@afoysal So solved or new error ?
1 like
Level 8
@Sinnbeck Thanks. I did it previously when I was getting that error. Error is not solved. Thanks.
Level 102
@afoysal Then open the dev tool (F12 -> elements) and see if you can find <div id="app></div>. My bet is that it isnt there
1 like
Level 8
@Sinnbeck Thanks. I added app id in a blade file. If I browse that page then I am not getting that error. But if I browse other pages then I am getting this error. I am using VueJS component in a blade file. Thanks.
Level 102
@afoysal So those pages that does not work. Do they have the div mentioned above ? Are you routing in laravel or vue ?
1 like
Level 8
@Sinnbeck Thanks. I am routing Laravel. My blade file is like below.
@extends('layouts.admin.app')
@section('title', 'Time')
@push('css_or_js')
@endpush
@section('content')
<div id="app">
<time-component />
</div>
@endsection
Level 102
@afoysal And
So those pages that does not work. Do they have the div mentioned above ?
1 like
Level 8
@Sinnbeck Thanks. No. they have not the div mentioned above.
Level 102
@afoysal that's the problem then 👍
Please or to participate in this conversation.