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

我的整个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)
})

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

Vue JS - 未捕获的TypeError：__ WWEPACK_IMPORTED_MODULE_1__App_vue

1 个答案: