npm 包使代码沙箱显示空白屏幕

Question

我第一次做了一个反应库来处理窗口和元素的无限滚动。 当我创建一个 React 应用程序并在其上安装软件包时，该软件包可以正常工作。 但是在代码沙箱中，当我将包添加到依赖项时，它会变为空白并且不显示任何内容，直到我删除包

这是软件包： https://www.npmjs.com/package/react-snp-infinite-scroller

这是一个使用它的项目，没有问题：

来源： https://github.com/rezaerami/react-snp-infinite-scroller-docs

演示：https://rezaerami.github.io/docs-react-snp-infinite-scroller/

这是一个示例代码 沙箱反应应用程序，没有更改，仅将包添加到依赖项中：

https://codesandbox.io/s/clever-meadow-tuxjo

Answer 1

我想这可能是因为缺少main点and/or.gitfrom repository URL inside yourpackage.json'

为必填字段(名称和版本(以及主字段提供响应：

• 名称：模块的名称。

版本

• ：初始模块版本。我们建议遵循语义版本控制指南并从 1.0.0 开始。

• main：当另一个应用程序需要您的模块时将加载的文件的名称。默认名称为索引.js。文档

尝试添加：

"main": "index.js,
"repository": {
"type": "git",
"url": "https://github.com/rezaerami/react-snp-infinite-scroller.git"
},

另外，我建议添加一个description、author、license、tags、keywords块，以帮助人们找到你的包。

查看所有 package.json 处理。