Я использую пример компонента Vue в произвольном представлении моего приложения Laravel, у меня нет ошибок, и он отображается правильно, проблема в том, что когда я открываю консоль, она бесконечно показывает следующее сообщение, чтоделает мой браузер невероятно медленным в тот момент, когда весь ноутбук зависает через пару минут.
You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
Я попытался добавить следующую строку в resources / js / app.js
Vue.config.productionTip = false
полный файл (app.js)
require('./bootstrap');
window.Vue = require('vue');
Vue.config.productionTip = false
Vue.component('example', require('./components/ExampleComponent.vue').default);
const app = new Vue({
el: '#app',
});
Но я все еще получаю этот бесконечный цикл в консоли.
Это мой макет: vueLayout.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<title>Vue - @yield('title')</title>
</head>
<body>
<div id="app">
<div class="container">
@yield('body')
</div>
</div>
<script type="application/javascript" src=" {{ mix('js/app.js') }} "></script>
</body>
</html>