NPM 包有效，但 IDE 未找到导入答案

【问题标题】：NPM Package works but import not found by IDENPM 包有效，但 IDE 未找到导入
【发布时间】：2021-05-19 05:05:24
【问题描述】：

我喜欢使用 npm，我的第一个包运行良好。在我的 IDE (Webstorm) 中，当导入我的包时，它会突出显示并显示“无法解析符号”（很好，但它可以工作）。

但是当对缺少的类使用建议的导入时，它导入它也是错误的。

在我的工作导入项目中：

import {APIRequest} from "nsfw-connector";

不工作：

import APIRequest from "nsfw-connector/src/APIRequest";

我相信我的问题在于我的 npm 包及其导出方式。

index.js
module.exports = {
    APIRequest: require('./APIRequest').default,
    ...
};

对应的类

export class APIRequest {
    ...
}
export default APIRequest;

也许是一个知道我愚蠢的错误是什么的撒玛利亚人。

IDE error highligt

GitHub 项目：https://github.com/NilsBaumgartner1994/NSFW-Connector

【问题讨论】：

标签： reactjs npm package

【解决方案1】：

我遇到了类似的问题。我们有一个 npm 包，当导入它时： import {SomeComponent} from "our-package"。它有效，但我没有智能感知。这是因为 component 是从 /src/index.js 中导出的，因此，将 /src 附加到 package 路径的末尾会删除警告。我还尝试将"main": "src/index.js" 放入package.json 并像以前一样导入组件，但无济于事。我尝试和工作的另一个修复（有点）是将 /src/index.js 放入解决警告的 project 的根目录中，并且智能感知也开始工作（因为它是上述 @ 的默认值package.json 中的 987654328@ 字段（很有趣）npmjs docs

【讨论】：