Laravel-mix: Uncaught TypeError: Vue.component is not a function

[ashwin-nath-m]

• Laravel Mix Version: 6.0.6 (npm list --depth=0)
• Node Version (node -v): v12.18.2
• NPM Version (npm -v): 6.14.6
• OS: Win10

Description:

Unable to get vue to work. Throwing Uncaught TypeError: Vue.component is not a function

Steps To Reproduce:

1. Fresh install laravel 8
2. Add laravel/ui
3. Run php artisan ui vue --auth
4. Add .vue() in webpack.mix,js
5. Run npm run dev
6. Load the site and look at the console logs.

[JeffreyWay]

It's because we're using the esm build of Vue. The laravel/ui package needs an update to either import Vue as an ES6 module, or to add .default after the require.

For your issue, use this in resources/js/app.js:

window.Vue = require("vue").default;

[rognales]

Perhaps this can be mentioned in the upgrade guide