Vue导入失败

Question

我已经从vue cli创建了一个vue应用程序。除了导入问题外，几乎所有内容都会按预期对我的应用做出反应。

以下工作正常：

import Vuex from 'vuex';

但是，这会引发错误：

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

Linting错误：

  

＆＃34; export＆＃39; VuetronVue＆＃39;没有在＆＃39; vuetron＆＃39;

中找到

和控制台错误：

  

未捕获的TypeError：无法读取属性＆＃39;安装＆＃39;未定义的

将代码更改为：

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

解决了这个问题...

此原始代码直接来自Vuetron文档。有没有人建议为什么ES6表示法会引起问题？

Answer 1

这似乎是因为

vuetron/packages/vuetron-plugins/index.js

仅导出默认对象：

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

export default {
  VuetronVue,
  VuetronVuex
};

对于文档中所述的命名导入，您将需要一个命名导出。