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

【问题标题】：Resolve name conflicts when 2 npm modules have component with same name解决 2 个 npm 模块具有相同名称的组件时的名称冲突
【发布时间】：2020-02-04 00:31:21
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript vue.js npm

【解决方案1】：

您可以重命名命名导入。

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

【讨论】：

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