从 create-react-app 公共文件夹读取 JSON 文件 [重复]

我有一个 ipAddress.json 文件，其中包含以下内容：

{
  "ipAddress": "11.111.111.111"
}

在公共文件夹中，我将该 ipAddress.json 文件放入“ipAddress”文件夹中，因此路径看起来像“public/ipAddress/ipAddress.json”

但我无法读取这个文件。我在尝试

const ipAddress = (require(process.env.PUBLIC_URL + '/ipAddress/ipAddress.json')).ipAddress;

使用“json-loader”公共库。

我该如何让它发挥作用？根据 （使用公用文件夹 https://create-react-app.dev/docs/using-the-public-folder）它应该工作得很好。

但我收到这个错误：

找不到模块：您尝试导入 /ipAddress/ipAddress.json 它位于项目 src/ 目录之外。相对进口 不支持 src/ 之外的内容。

感谢您的任何帮助

如果它只是一个 json 对象，您应该能够使用 const 对象中的数据创建一个 js 文件。然后将 cons 导出为模块。

要创建的新 JS 文件：

const ipAddressJson = {
    ipAddress: "11.111.111.111"
};

module.exports = ipAddressJson;

在文件中您需要 json 对象：

import ipAddressJson from 'path-to-the-js-file-above';

https://codesandbox.io/embed/tender-bash-2hjei https://codesandbox.io/embed/tender-bash-2hjei