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

Переходим с 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 не находит?
  • Вопрос задан
  • 223 просмотра
Решения вопроса 1
yarkov
@yarkov Куратор тега Vue.js
Помог ответ? Отметь решением.
Во-первых: зачем 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 } }
  ]
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы