无法从Git仓库下载自定义React组件库，npm安装报ENOENT错误求助

我把本地React组件项目推送到了Git仓库redoctrik/redoctrik-react-dropdownlist，仓库目录结构如下：

Components
--dropdownlist
----index.js
----styles.css
index.js

执行命令npm i redoctrik/redoctrik-react-dropdownlist时出现以下错误：

PS C:\Users\tp_re\source\repos\bulletcontrols> npm i redoctrik/redoctrik-react-dropdownlist
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\tp_re\AppData\Local\npm-cache\_cacache\tmp\git-cloneXXXXXXqKVafl/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\tp_re\AppData\Local\npm-cache\_cacache\tmp\git-cloneXXXXXXqKVafl\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in: C:\Users\tp_re\AppData\Local\npm-cache\_logs\2024-12-24T04_40_38_072Z-debug-0.log

核心原因 #

npm从Git仓库安装包时，必须读取仓库根目录的package.json文件，你的仓库缺少这个文件，导致安装流程中断。

解决步骤 #

• 在仓库根目录生成package.json
  进入本地项目根目录，执行：

  npm init -y
  

  该命令会自动生成默认配置的package.json文件。

• 配置package.json关键字段
  打开生成的package.json，调整以下核心字段：

  • name：包的名称（建议设为redoctrik-react-dropdownlist）
  • main：指定组件入口文件，对应你的项目设为index.js
  • version：版本号（比如1.0.0）
    示例配置：

  {
    "name": "redoctrik-react-dropdownlist",
    "version": "1.0.0",
    "main": "index.js",
    "dependencies": {
      "react": "^18.0.0"
    }
  }
  

  注意：如果组件依赖React，必须在dependencies中添加react依赖，避免后续使用时出现依赖缺失。

• 推送更新到Git仓库
  执行命令将package.json推送到远程仓库：

  git add package.json
  git commit -m "Add package.json for npm installation"
  git push
  

• 重新执行安装命令
  再次运行：

  npm i redoctrik/redoctrik-react-dropdownlist
  

额外提示 #

如果你的组件使用JSX语法需要编译，可在package.json的scripts字段添加编译脚本，比如：

"scripts": {
  "prepare": "babel Components --out-dir dist"
}

同时需安装babel相关依赖，但如果只是简单的React组件且入口文件已可直接执行，这一步可暂时跳过。

内容的提问来源于stack exchange，提问作者redoc01