使用本地 NPM 包

Question

我正在尝试使用从 GitHub 下载的 NPM 包，但没有成功。

我在我的 create-react-app 项目的 src 目录中创建了一个lib文件夹。

然后我用 wget 下载了 tarball

wget https://github.com/frontend-collective/react-image-lightbox/tarball/master/master.tar.gz

然后我更改了 tarball 的名称

mv master.tar.gz react-image-lightbox-5.2.0.tar.gz

然后我使用 NPM 安装了这个包

npm install ./src/lib/react-image-lightbox-5.2.0.tar.gz

在我的 package.json 中它显示；

"react-image-lightbox": "file:src/lib/react-image-lightbox-5.2.0.tar.gz",

所以一切都很好。

但是当我尝试使用导入包时；

import Lightbox from 'react-image-lightbox';

执行npm run build时，我收到以下错误消息

Cannot find module: 'react-image-lightbox'. Make sure this package is installed.

You can install this package by running: npm install react-image-lightbox.

我错过了一些东西，但我不知道是什么。

任何帮助将不胜感激。

Answer 1

没有必要使用wget和mv从 GitHub 手动获取您想要的代码。

您可以使用其 Git 克隆 URL 安装存储库的主版本：

npm install --save https://github.com/frontend-collective/react-image-lightbox.git

生成的package.json文件将如下所示：

{
  "name": "hello-world",
  "version": "0.0.1",
  "dependencies": {
    "react-image-lightbox": "git+https://github.com/frontend-collective/react-image-lightbox.git"
  }
}

然后，您可以像使用常规软件包一样使用该软件包：

import Lightbox from 'react-image-lightbox';