Vue JS - 未捕获的类型错误：__WEBPACK_IMPORTED_MODULE_1__App_vue答案

【问题标题】：Vue JS - Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1__App_vueVue JS - 未捕获的类型错误：__WEBPACK_IMPORTED_MODULE_1__App_vue
【发布时间】：2017-10-15 03:12:59
【问题描述】：

我是 Vue.js 的初学者，我正在关注 Udemy 上的教程，但在第一次启动应用程序时遇到了障碍。

尝试测试我的路线时，我在控制台中收到此错误。

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1__App_vue___default.a is not a constructor

它引用了我的这行代码：

const router = new VueRouter({
    mode: 'history',
    routes
});

我的整个 main.js 文件：

import Vue from 'vue'
import VueRouter from './App.vue'

import App from './App.vue'
import { routes } from './routes';

Vue.use(VueRouter);


const router = new VueRouter({
    mode: 'history',
    routes
});

new Vue({
  el: '#app',
    router,
    render: h => h(App)
})

我的 routes.js 文件：

import Home from './components/Home.vue';
import Unlocks from './components/unlocks/Unlocks.vue';

export const routes = [
    {path: '/', component: Home },
    {path: '/unlocks', component: Unlocks }
];

我们将不胜感激任何帮助！就像我说的我是 Vue Noob，第一天！提前致谢，如果需要更多信息，请告诉我！

【问题讨论】：

标签： vue.js vue-router

【解决方案1】：

所以我很抱歉浪费你的时间！这是我的错字！

问题出在这一行：

import VueRouter from './App.vue'

应该是：

import VueRouter from 'vue-router';

【讨论】：