如何將本地文件依賴添加到 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 存儲和導入后端應用程序。

使用環境變量在您的應用程序中存儲和讀取。

上述是在應用程序中包含敏感/未公開數據時的一些良好做法。