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'; 

문제는이 라인에 있던