Encountering issues with importing Vue library

Question

I have recently set up a Vue application using the Vue CLI. Everything seems to be working smoothly except for an import issue that I encountered.

The following import statement works without any errors:

import Vuex from 'vuex';

However, this one throws errors:

import { VuetronVue, VuetronVuex } from 'vuetron';
vue.use(VuetronVue);

A linting error is generated:

"export 'VuetronVue' was not found in 'vuetron'

Additionally, a console error occurs:

Uncaught TypeError: Cannot read property 'install' of undefined

To resolve this issue, I changed the code to:

import vuetron from 'vuetron'
vue.use(vuetron.VuetronVue);

This change fixed the problem...

The original code was copied directly from the Vuetron documentation. Can anyone provide insight into why the ES6 notation could be causing issues?

Answer 1

Answer №1

It appears that the issue lies in

vuetron/packages/vuetron-plugins/index.js

where only the default object is being exported:

import VuetronVue from './vuetron-vue';
import VuetronVuex from './vuetron-vuex';

export default {
  VuetronVue,
  VuetronVuex
};

To use named imports as mentioned in the documentation, you would need to have a named export.

Answer 2

It appears that the issue lies in

vuetron/packages/vuetron-plugins/index.js

where only the default object is being exported:

import VuetronVue from './vuetron-vue';
import VuetronVuex from './vuetron-vuex';

export default {
  VuetronVue,
  VuetronVuex
};

To use named imports as mentioned in the documentation, you would need to have a named export.