Why doesn't webpack find routes by const in vue-cli assembly, but only by import?

Question

Vue.js

Switching from simple to webpack vue assembly
noticed a strange feature in routing

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>

There are suggestions why it does not find by const?

Answer 1

First: why HelloWorld.vue extension at the end.
Second: try

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

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