使用本地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';