Vue JS - Uncaught TypeError：__WEBPACK_IMPORTED_MODULE_1__App_vue

Question

私はVue.jsの最初のタイマーです。私はUdemyのチュートリアルに従っていますが、アプリを初めて回転させてしまったのです。

ルートをテストしようとしているときに、このエラーがコンソールに表示されます。

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1__App_vue___default.a is not a constructor 

それは私のコード行参照している：ここでどのような援助がいただければ幸いです

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

my entire main.js file:

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) 
}) 

my routes.js file:

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です、最初の日です！おかげさまで、ありがとうございました。もっと情報が必要な場合はお知らせください。

Answer 1

これであなたの時間を無駄にしてしまいました。これは私の最後のタイプミスでした！必要

import VueRouter from './App.vue' 

がために：

import VueRouter from 'vue-router'; 

問題は、このラインにありました