Предупреждение Laravel & Vue - PullRequest
0 голосов
/ 29 мая 2019

Я работал над проектом Laravel & Vue js.

Это код Laravel

Код работает хорошо, но в режиме разработчика (проверка) есть предупреждение

Laravel View код

@extends('layouts/app')

@section('content')

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

@endsection

app.js код

const router = new VueRouter({ mode: 'history', routes: routes});
const app = new Vue(Vue.util.extend({ router }, App)).$mount('#app');


app.js:74791 [Vue warn]: Cannot find element: #app
warn @ app.js:74791
query @ app.js:79817
./node_modules/vue/dist/vue.common.dev.js.Vue.$mount @ app.js:86018
./resources/js/app.js @ app.js:86329
__webpack_require__ @ app.js:20
0 @ app.js:86576
__webpack_require__ @ app.js:20
(anonymous) @ app.js:84
(anonymous) @ app.js:87
app.js:74791 [Vue warn]: Property or method "single" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Overlap> at resources/js/components/OutwardComponent.vue
       <Root>

1 Ответ

0 голосов
/ 29 мая 2019

Ваш div, который должен ссылаться на Vue, должен быть в файле Layout, Возможно, ваш div рендерит после инициализации Vue. Поместите <div id="app"></div> в layouts/app файл и посмотрите, ушел он или нет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...