Vue 导入失败答案

【问题标题】：Vue import failingVue 导入失败
【发布时间】：2018-06-07 01:38:25
【问题描述】：

我从 vue cli 创建了一个 vue 应用程序。除了导入问题之外，几乎所有内容都与我的应用程序反应正常。

以下工作正常：

import Vuex from 'vuex';

但是，这会引发错误：

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

检测错误：

“在'vuetron'中找不到导出'VuetronVue'

和控制台错误：

未捕获的类型错误：无法读取未定义的属性“安装”

将代码更改为：

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

解决了问题...

此原始代码直接取自 Vuetron 文档。有没有人对为什么 ES6 表示法会导致问题提出建议？

【问题讨论】：

你安装了 vuetron 吗？
stackoverflow.com/questions/36795819/…。我相信这会对你有所帮助
Lara Belle - 是的，我做到了。 npm install 和独立应用程序。我按照文档中的说明进行操作，如果我使用第二种方法，它就可以工作。 @cuongngo - 谢谢。乍一看，那里的信息很有意义，并且符合我对何时在导入时使用花括号的理解。我将不得不深入研究 vuetron 的源代码，看看这些部件是否已设置为导出。我当时只是从文档中复制示例。还想知道我的配置中是否有一些设置不正确，这会导致 vuetron ES6 导入不起作用，因为 ES5 方法有效。

【解决方案1】：

这似乎是因为

vuetron/packages/vuetron-plugins/index.js

只导出默认对象：

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

export default {
  VuetronVue,
  VuetronVuex
};

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

【讨论】：