"export 'default' (imported as 'Vue') was not found in 'vue'

import * as Vue from 'vue'

this works for me

I was getting the warning

"export 'default' (imported as 'Vue') was not found in 'vue'

I'm using Vue 3 but the code I'm studying is Vue 2.

My code Vue 2 in main.js

import Vue from 'vue'
import App from './App.vue'
    
Vue.config.productionTip = false
    
new Vue ({
    render: h => h(App),
}).$mount('#app')

So I needed to create a Vue instance with the following code Vue 2:

export const eventBus = new Vue ()

Then I received the error code, which I resolved by correcting the code that looked like this:

import { createApp } from 'vue'
import App from './App.vue'

export const eventBus = createApp(App)

createApp(App).mount('#app')

hi i am using laravel 9 mix and vue 3 here is my code app.js

// app.js
require('./bootstrap');

import { createApp } from 'vue'
import test from './components/Test.vue';

createApp({
    components: { test }
}).mount('#app')

webpack.mix.js

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js').vue();

in my case, I use webpack and vue2.

I use vue-loader to handle .vue file . I found I installed vue-loader v17 which requires vue3, so I uninstall it and npm i vue-loader@15

In my case, this looks like it was caused by some sort of corrupt node module somewhere. I solved the problem by running

rm -rf node_modules/

In my project root directory. This deletes your node_modules folder. Then I reran

yarn install

or

npm install

and the problem was fixed. Hope this helps someone else. Also, many have noted the differences between vue 3 and vue 2 dependencies, I'm not sure those are still relevant in 2022.

None of the current responses fixed the issue for me though mine was a little different; I control the component that was failing and I know it was made with Vue3.

In case someone hits this issue but with a component they control, it COULD be that you removed the setup attribute from your components <script> tag.

So changing

<script lang="ts">

to

<script setup lang="ts">

fixed it for me

On Vue 3 applications you have to use the following connection Vuex store

store.js

import { createStore } from "vuex";
import axios from "axios";

export default createStore({
    state: {
    },
    mutations: {
    },
    actions: {
    }
})

main.js

import store from '@/store';
...
app.use(store);

In my case it was the wrong resolve.alias directive in webpack.config.js, which set 'vue' to 'vue/dist/vue.js' instead of 'vue/dist/vue.esm.js';

If you're using Vuex, running:

npm remove vuex

npm i vuex@3

should fix this problem.

const Vue = require('vue')
const AppImport = Vue.createApp("dev-axios");
import axios from 'axios';
import VueAxios from 'vue-axios';
AppImport.use(VueAxios,axios);