Как правильно прописать путь до компонента?

Question

[drtvader]

Всем привет!
Есть такая ошибка:


Путь прописывал разными способами, но что-то никак не получается поправить. Варианты, которые пробовал:
const TabsCreditGuarantee = () => import('~/components/paymentWarranty/TabsCreditGuarantee')
const TabsCreditGuarantee = () => import('../components/paymentWarranty/TabsCreditGuarantee')
const TabsCreditGuarantee = () => import('~/components/paymentWarranty/TabsCreditguarantee')
const TabsCreditGuarantee = () => import('~/components/paymentWarranty/TabsCreditGuarantee/index.vue')

Файл в котором ошибка подключения находится в папке pages на одном уровне с папкой components.
Какие еще у меня варианты есть?

UPD: Уточню что такая проблема только на сервере на Debian9

Answer 1

[drtvader]

В общем беда была в имени компонента в подключении, компонент изначально начинался со строчной буквы, затем поменяли на заглавную. И вот win это все съел без проблем, а сервер на Debian нет.

Answer 2

[Антон Белокуров]

Используйте "@/", по умолчанию он ведет на папку "src/" текущего проекта.
https://stackoverflow.com/questions/42749973/es6-i...

Comments

[drtvader]

пробовал, такая же ошибка

Answer 3

[Николай]

Если вы используете вебпак, и у вас не настроены пути, то, по дефолту , используйте относительные пути ../../ и в конце используйте расширение vue, так как вебпак может не понять, что вы хотите.

Если у вас TS , то там директорию надо импортировать, где есть index.ts

Comments

[drtvader]

пробовал в конце index.vue прописать, проблема с подключением только этого компонента почему-то. Локально все хорошо собирает.

[Николай]

а вы уверены, что у вас index - это компонент и с расширением vue ?

[drtvader]

7rows, да, но проблему нашел.