Разрешить конфликты имен, когда в двух модулях npm есть компонент с одинаковым именем

Question

Я использую Vuetify и V-Calendar в своем приложении VueJS. Оба они предоставляют компонент v-date-picker, и мне нужно использовать оба в разных местах. Однако, поскольку оба имеют одинаковые имена, я получаю один и тот же компонент во всех местах.

Есть ли способ разрешить конфликт имен? Я пытался использовать псевдоним для компонента, но он не работал.

В общем, как я могу разрешить такие конфликты, когда 2 модуля экспортируют компоненты с одинаковым именем?

Answer 1

Вы можете переименовать именованный импорт.

import { Component } from "./ImportA";
import { Component as DuplicateComponent } from "./ImportB";