无法尝试为NPM模块导入具有别名的组件

编程问答 2022-12-07

问题描述

我为NPM创建了一个组件，并尝试通过导入到另一个项目来使用其子文件夹

我想这样使用它：

import {Tab} from '@components/Tabs'

试图在接下来的webpack.config中执行此操作：

"@components": path.resolve(__dirname,"../src/components"),"@components-2": path.resolve(__dirname,"../dist"),
然后制成纱线 并发布到NPM

但是此构造不起作用。

如果我接下来执行以下操作，则工作正常

import {Tabs} from 'components';
let {Tab} = Tabs;

我使用了弹出的RCA 2.0

主要导出index.file如下所示：

import Component1 from "./Component1 ";
import Component2 from "./Component2";
import * as Tabs from "./Tabs";
export { Component1,Component2,Tabs };

index.js选项卡文件如下所示：

export { default as Tab } from "./Tab";
export { default as TabPanel } from "./TabPanel";
export { default as Tabs} from "./Tabs";

未找到模块：无法解析'...'中的'component / Tabs / Tab'

正在尝试在本地找到该组件

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

aliasjavascriptnpmnpmreactjsreactjswebpackwebpackwebpack