Блог

Главная - Вопросы по программированию - Неперехваченная ошибка типа:

Неперехваченная ошибка типа:

#function #vue.js #routes #vue-router

#функция #vue.js #маршруты #vue-маршрутизатор

Вопрос:

Я работаю над веб-приложением с Vue.js и я получаю эту ошибку, когда настраиваю маршрутизацию в своем route.js файл, я не вижу, в чем проблема. Есть ли кто-нибудь, кто может помочь с этой проблемой, спасибо?

         router.js?41cb:8 Uncaught TypeError: Object(...) is not a function
        at eval (router.js?41cb:8)
        at Module../src/router.js (app.js:1349)
        at __webpack_require__ (app.js:849)
        at fn (app.js:151)
        at eval (main.js:11)
        at Module../src/main.js (app.js:1337)
        at __webpack_require__ (app.js:849)
        at fn (app.js:151)
        at Object.1 (app.js:1362)
        at __webpack_require__ (app.js:849)
    eval @ router.js?41cb:8
    ./src/router.js @ app.js:1349
    __webpack_require__ @ app.js:849

Вот мой код ниже.

         import {createRouter, createWebHistory} from 'vue-router';
        import MusicApp from './components/home/MusicApp.vue';
        import PageNotFound from './components/PageNotFound.vue';
        
        const router = createRouter({
        history: createWebHistory(),
             routes: [
                 {path: '/', redirect: '/home'},
                 {path: '/home', component: MusicApp},
                 {path: '/:notFound(.*)', component: PageNotFound}
            ],
        });
        
        export default router;

Комментарии:

1. Что-нибудь изменится, если вы сделаете const routerHistory = createWebHistory() это сразу после раздела импорта, а затем установите history в своем createRouter блоке значение routerHistory , а createWebHistory не метод напрямую?

2. У меня также есть это сообщение в моем терминале «экспорт ‘createWebHistory’ не найден в ‘vue-router’

3. Я переустанавливаю vue-router@next, и теперь он работает.

Ответ №1:

Похоже, вы используете более старую версию vue-router с Vue3. Vue3 работает только с альфа-версией. Для установки альфа-версии запустите: npm install vue-router@next

Ответ №2:

У меня была такая же проблема, и после перезапуска сервера она была исправлена, просто нажмите:

служба запуска npm