Как в nuxt.js импортировать компоненты через index.js?

Question

[Дима Паутов]

Столкнулся с проблемой импортирования компонентов.
Есть у меня допустим такой компонент:


С такой структурой компонента, я могу импортировать его так:

import AppFooter from '~/components/footer/footer.vue';

А я хочу сделать так:

import AppFooter from '~/components/footer';

Для этого нужно в корне создать файл index.js и прописать в него так:

export default from './footer.vue';

и если я прописываю так:

import AppFooter from '~/components/footer';

то получаю такую ошибку:


Как решить эту проблему?

Answer 1

[Evgeny Kulakov]

Неверный синтаксис имхо, попробуйте вот так: export * from './footer.vue'

Comments

[Дима Паутов]

Это как бы сработало но компонент не подключился и но терминал ругается так:

На других проектах, сделано такое же импортирование, но долго копаясь, я не понял, что там сделано. К сожалению, тот, кто делал, в отпуске)))

[Дима Паутов]

А вот и ответ: В файл nuxt.config.js в раздел build нада добавить такое:

babel: {
  plugins: ['transform-export-extensions']
},

И установив так npm install --save-dev babel-plugin-transform-export-extensions. Эта штука и позволяет так ипортировать файлы. Раньше, я её пробовал поставить и сделать как в тех проектах, но что-то не получилось. Щас сработало))