Question

我正在尝试使用从GitHub下载的NPM软件包，但是没有运气。

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

然后我用wget下载压缩包

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

然后我更改了压缩包的名称

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';

使用本地NPM软件包

1 个答案: