npm 包使 codesandbox 显示空白屏幕

npm package makes codesandbox show blank screen

第一次，我做了一个反应库来处理 window 和元素的无限滚动。 当我创建一个 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

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

Provide responses for the required fields (name and version), as well as the main field:

  • name: 你的模块的名字。

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

    • 开始

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

尝试添加：

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

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

查看所有 package.json 处理。