Vue маршрутизатор с отложенной загрузкой маршрутов не работает - PullRequest
Новая
       22

Vue маршрутизатор с отложенной загрузкой маршрутов не работает

0 голосов
/ 20 июня 2020

Я использовал Vue CLI и построил спа.

В router.js Я пытаюсь: 

export default new Router({
  mode: 'history',
  routes: [
    { path: "",
      name: "home", 
      component: Home
    },
    { 
      path: "/about",
      name: "about",
      component: () => {
       import ("./views/About")
    } 
    },
    { 
      path: "/contact",
      name: "contact",
      component: () => {
       import ("./views/Contact")
      } 
    }
  ]
})

Но мой маршрутизатор ссылки и маршрутизация больше не работают?

Отсюда я прочитал , что Мне нужно установить syntax-dynamic-import? Но как мне добавить этот плагин webpack.config.js? Как я могу заставить это работать?

1 Ответ

1 голос
/ 20 июня 2020

Попробуйте вернуть импорт из функции: 

export default new Router({
  mode: 'history',
  routes: [
    { path: "",
      name: "home", 
      component: () => import("./views/Home")
    },
    { 
      path: "/about",
      name: "about",
      component: () => import("./views/About") 
    },
    { 
      path: "/contact",
      name: "contact",
      component: () => import("./views/Contact")
    }
  ]
})
...