Задать вопрос
@kolo2012
javascript

Как заставить работать vue-router?

Добрый день. Я впервые взялся за всё это, я работаю bnackend -разработчиком и иногда юзал джейквери. Сейчас хочу стать fullstack, для фронта выбрал vue.

Я смог завести vue-loader но подружить его с роутером не вышло, точнее роутер у меня вообше не заработал. В main.js написал что-то вроде 
import Vue from 'vue';
import VueRouter from 'vue-router';


Vue.use(VueRouter);

const router = new VueRouter({history: true});

router.map({
    '/': {
        name: 'app',
        component: view('App')
    }
});


/**
 * Asynchronously load view (Webpack Lazy loading compatible)
 * @param  {string}   name     the filename (basename) of the view to load.
 */
function view(name) {
    return function (resolve) {
        require(['./views/' + name + '.vue'], resolve);
    }
}
;

export default router;

index.html 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>

        <div id="app"></div>
        <script src="/dist/build.js"></script>
    </body>
</html>


В итоге "белый экран"
  • Вопрос задан
  • 380 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
k12th
@k12th
console.log(`You're pulling my leg, right?`);
А в принципе роутинг заработал? Просто статичный компонент, без ленивой загрузки, показывается?

Вообще require не делает ленивую загрузку, ее делает require.ensure, то есть будет как-то так (писал из головы, смотрите доки): 

function view(name) {
    return function (resolve) {
        require.ensure(['./views/' + name + '.vue'], (require) => {
            const loadedComponent = require('./views/' + name + '.vue');
            // тут еще наверное шаг монтирования загруженного компонента
            resolve();
        });
    }
}


Ну и пора начинать использовать import() вместо нестандартных расширений нестандартного механизма:)
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
APK декомпиляция внутренних API приложения
25 нояб. 2024, в 13:19
5000 руб./за проект
Необходимо создать программу/сайт по автоматическому созданию транспор
25 нояб. 2024, в 13:13
10000 руб./за проект
Дорвботать приложение под IOS на Swift vocechanger
25 нояб. 2024, в 12:49
50000 руб./за проект
Ещё заказы