Как корректно подключить VueRouter через cdn?

Question

[triplepointer]

Подключал скрипты в теге head следующим образом:



В main.js когда прописываю mode: 'history' ничего не отображается:

const routes = [
  {path: '/', name: 'blank', component: BlankPage},
  {path: '/directory1', name: 'directory1', component: Directory1},
  {path: '/directory2', name: 'directory2', component: Directory2},
  {path: '/directory3', name: 'directory3', component: Directory3},
]

const router = new VueRouter({
  routes,
  mode: 'history'
})

const app = new Vue({
  router,
}).$mount('#app')

Если я убираю mode:'history', то отображается. Как исправить ситуацию?