ReferenceError: Vue is not defined (laravel)

Question

I know there have lots of similar questions of this but I couldn't find a solution from those.

Already installed npm of vue and successfully compiled using npm run dev, I don't know why it return this kind of error below.

ReferenceError: Vue is not defined

This is my setup in my app.js:

import Vue from 'vue';
import VueRouter from 'vue-router';

window.Vue = Vue;
Vue.use(VueRouter);

new Vue({
    el: '#app',
    router
});

In my welcome.blade.php

<html>
    <head>
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <link href="{{ mix('css/app.css') }}" rel="stylesheet">
    </head>

    <body>
        <div id="app">
            <button class="btn btn-primary">Sample</button>
        </div>

        <script src="{{ mix('js/manifest.js') }}"></script>
        <script src="{{ mix('js/vendor.js') }}"></script>
        <script src="{{ mix('js/app.js') }}"></script>
    </body>
</html>

Someone knows where I went wrong?

try to add below in bootstrap.js window.Vue = require('vue'); — Sehdev
– Sehdev, Commented Mar 16, 2020 at 5:10

tempra · Accepted Answer · 2020-03-16 09:21:35Z

0

I'm curious on what's inside your bootstrap.js. Maybe can you show us, might you import something that is using Vue, on which apparently fail to import.

answered Mar 16, 2020 at 9:21

tempra

2,3914 gold badges19 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

charles Over a year ago

exactly! I import my customed Form.js inside bootstrap.js. thanks

Collectives™ on Stack Overflow

ReferenceError: Vue is not defined (laravel)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related