javascript - 从 create-react-app Public 文件夹中读取 JSON 文件

Question

我有一个包含以下内容的 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”公共库。

我怎样才能让它工作？根据（使用公用文件夹）它应该可以正常工作。

但我得到这个错误：

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

感谢您的任何帮助

score 1 · Accepted Answer

为什么不将您的 JSON 文件放入您的项目范围？例如，如果您使用 create-react-app 创建了 react 应用程序，则该src文件夹将是默认的项目范围。

将您的 JSON 文件放入某个文件夹中src/data，例如：

import data from '../data/somefile.json

score 1 · Accepted Answer

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

要创建的新 JS 文件：

const ipAddressJson = {
    ipAddress: "11.111.111.111"
};

module.exports = ipAddressJson;

在您想要 json 对象的文件中：

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

2 回答 2