SyntaxError: ambiguous indirect export: default - Error when importing Eventbus in JavaScript

794 views Asked by At

I have written two VueJS files, which mandatorily need to be connected using the Event-Bus pattern. Upon importing the EventBus into my App.vue file, I get greeted with the mentioned error: SyntaxError: ambiguous indirect export: default.

This is my code:

// ./eventbus.js
import Vue from 'vue';
export const { EventBus } = new Vue();

// ./App.vue
...
import { EventBus } from './eventbus.js';
...

// ./Competitor.vue
...
import { EventBus } from './eventbus.js';
...

What do I have to change for my EventBus-import to work?

To no avail, I have already attempted advice from somewhat similar posts, like putting curly brackets around my "EventBus"-object.

0

There are 0 answers