Почему в vue-cli сборке webpack не находит роуты по const а только по import?

Question

[Александр Иванов]

Переходим с simple на webpack vue сборку

заметил странную особенность в роутинге

import index from '@/pages/HelloWorld' // работает
const index = require('../pages/HelloWorld.vue') // не работает

const router = new Router({
  mode: 'history',
  scrollBehavior,
  routes: [
    { name: 'index', path: '/', component: index, meta: { scrollToTop: true } }
  ]
});

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <Anonymous>
       <Main> at src/main/main.vue
         <Root>

Есть предположения почему по const не находит?

Answer 1

[Алексей Ярков]

Во-первых: зачем HelloWorld.vue расширение в конце.
Во-вторых: попробуйте

const index = require('../pages/HelloWorld.vue')

const router = new Router({
  mode: 'history',
  scrollBehavior,
  routes: [
    { name: 'index', path: '/', component: index.default, meta: { scrollToTop: true } }
  ]
});

Comments

[Александр Иванов]

Действительно с дефолтом работает, но не понятно почему )

[Александр Иванов]

Алексей Ярков понял к стору обращается поэтому дефолт желательно подставить или прописать