当两个npm模块具有相同名称的组件时，解决名称冲突

Question

我正在VueJS应用中使用Vuetify和V-Calendar。他们两个都提供了一个组件v-date-picker，我需要在不同的地方使用它们。但是，由于两者都具有相同的名称，所以我在所有地方都使用相同的组件。

有没有一种方法可以解决名称冲突？我尝试使用该组件的别名，但是没有用。

通常，当两个模块导出具有相同名称的组件时，如何解决此类冲突？

Answer 1

您可以重命名已命名的导入。

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