title: Laravel 5.5 bootstrap error
body: <p>I am getting below error. </p>
  
  <blockquote>
    <p>Uncaught Error: Bootstrap's JavaScript requires jQuery. jQuery must be
    included before Bootstrap's JavaScript.</p>
  </blockquote>
  
  <p>app.js</p>
  
  <pre><code>require('./bootstrap');
  window.Vue = require('vue');
  
  import Vue from 'vue';
  import VueRouter from 'vue-router';
  Vue.use(VueRouter);
  
  import VueAxios from 'vue-axios';
  import axios from 'axios';
  Vue.use(VueAxios, axios);
  
  
  
  import App from './App.vue';
  import Login from './components/Login.vue';
  import Register from './components/Register.vue';
  import Activity from './components/Activity.vue';
  import SelectPersons from './components/SelectPersons.vue';
  
  const routes = [
    {
        name: 'Login',
        path: '/',
        component: Login
    },
    {
        name: 'Register',
        path: '/register',
        component: Register
    },
    {
        name: 'Activity',
        path: '/activity',
        component: Activity
    },
    {
        name: 'SelectPersons',
        path: '/selectpersons',
        component: SelectPersons
    }
  ];
  
  const router = new VueRouter({ mode: 'history', routes: routes});
  new Vue(Vue.util.extend({ router }, App)).$mount('#app');
  </code></pre>
  
  <p>bootstrap.js</p>
  
  <pre><code>window._ = require('lodash');
  
  /**
   * We'll load jQuery and the Bootstrap jQuery plugin which provides support
   * for JavaScript based Bootstrap features such as modals and tabs. This
   * code may be modified to fit the specific needs of your application.
   */
  
  try {
      window.$ = window.jQuery = require('jquery');
  
      require('bootstrap-sass');
  } catch (e) {}
  
  window.Vue = require('vue');
  
  /**
   * We'll load the axios HTTP library which allows us to easily issue requests
   * to our Laravel back-end. This library automatically handles sending the
   * CSRF token as a header based on the value of the "XSRF" token cookie.
   */
  
  window.axios = require('axios');
  
  window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
  
  /**
   * Next we will register the CSRF Token as a common header with Axios so that
   * all outgoing HTTP requests automatically have it attached. This is just
   * a simple convenience so we don't have to attach every token manually.
   */
  
  let token = document.head.querySelector('meta[name="csrf-token"]');
  
  if (token) {
      window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
  } else {
      console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
  }
  
  /**
   * Echo exposes an expressive API for subscribing to channels and listening
   * for events that are broadcast by Laravel. Echo and event broadcasting
   * allows your team to easily build robust real-time web applications.
   */
  
  // import Echo from 'laravel-echo'
  
  // window.Pusher = require('pusher-js');
  
  // window.Echo = new Echo({
  //     broadcaster: 'pusher',
  //     key: 'your-pusher-key'
  // });
  </code></pre>
  
  <p>Here is the file that loads every vue component or blade template pages.</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      {{Html::style('/css/bootstrap.css')}}
      {{Html::style('/css/style.css')}}
      {{Html::script('/js/bootstrap.js')}}
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="app"&gt;
      &lt;/div&gt;
      &lt;script src="{{asset('js/app.js')}}"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am using Laravel with vue. Can anybody help me to solve this issue?</p>
  
  <p>Thanks</p>