如何将本地文件依赖添加到 package.json

Question

我正在尝试向我的 package.json 添加本地依赖项，因为需要导入反应应用程序 /src 目录外部的 es6 模块。

我的文件目录结构如下：

https://ibb.co/wSGS2zc

-react_app_1/ (reactjs 应用)

-react_app_2/ (reactjs 应用)

-server.js

-ports.js

我需要将 ports.js 导入两个反应应用程序的地方。

在我的两个反应应用程序的 package.json 中，我添加了以下内容：

"dependencies": {
    "server-ports": "file:../../ports"
}

但是，我在尝试为应用程序提供服务时收到以下错误。

[1] node:internal/modules/cjs/loader:936
[1]   throw err;
[1]   ^
[1]
[1] Error: Cannot find module 'react-dev-utils/getPublicUrlOrPath'
[1] Require stack:
[1] - /Users/ivyjack/Sites/hcl-fos-app/master/config/paths.js
[1] - /Users/ivyjack/Sites/hcl-fos-app/master/config/env.js
[1] - /Users/ivyjack/Sites/hcl-fos-app/master/scripts/start.js
[1]     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
[1]     at Function.Module._load (node:internal/modules/cjs/loader:778:27)
[1]     at Module.require (node:internal/modules/cjs/loader:999:19)
[1]     at require (node:internal/modules/cjs/helpers:102:18)
[1]     at Object.<anonymous> (/Users/ivyjack/Sites/hcl-fos-app/master/config/paths.js:5:28)
[1]     at Module._compile (node:internal/modules/cjs/loader:1099:14)
[1]     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
[1]     at Module.load (node:internal/modules/cjs/loader:975:32)
[1]     at Function.Module._load (node:internal/modules/cjs/loader:822:12)
[1]     at Module.require (node:internal/modules/cjs/loader:999:19) {
[1]   code: 'MODULE_NOT_FOUND',
[1]   requireStack: [
[1]     '/Users/ivyjack/Sites/hcl-fos-app/master/config/paths.js',
[1]     '/Users/ivyjack/Sites/hcl-fos-app/master/config/env.js',
[1]     '/Users/ivyjack/Sites/hcl-fos-app/master/scripts/start.js'
[1]   ]
[1] }

如何正确获取依赖项，然后如何将其导入到我的反应应用程序中？

Answer 1

创建一个单独的.json 文件来保存这些数据，包括在你的应用程序中，以及你的.gitignore 文件中的文件路径。

或使用 NPM 的 dotenv package 存储和导入后端应用程序。

使用环境变量在您的应用程序中存储和读取。

上述是在应用程序中包含敏感/未公开数据时的一些良好做法。