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

Posted 2023-02-22

【中文标题】解决 2 个 npm 模块具有相同名称的组件时的名称冲突

【英文标题】：Resolve name conflicts when 2 npm modules have component with same name

【发布时间】：2020-02-04 00:31:21

【问题描述】：

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

有没有办法解决名称冲突？我尝试使用组件的别名，但它不起作用。

一般来说，当 2 个模块导出同名组件时，我该如何解决此类冲突？

【参考方案1】：

您可以重命名命名导入。

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

【讨论】：

我使用的模块不需要开发者单独导入组件。您只需要将模块与 Vue 绑定为 Vue.use(VCalendar)。没有人可以毫无问题地使用应用程序中的所有组件。因此我无法使用别名修复它。