IT技术 - 从 create-react-app 公共文件夹中读取 JSON 文件 - 吾爱随笔录

IT技术 javascript reactjs react-create-app

2021-05-20 20:05:38

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

我如何让这个工作？根据（使用公共文件夹）它应该可以正常工作。

但我收到此错误：

未找到module：您试图导入项目 src/ 目录之外的 /ipAddress/ipAddress.json。不支持 src/ 之外的相对导入。

感谢您的任何帮助

2个回答

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

要创建的新 JS 文件：

const ipAddressJson = {
    ipAddress: "11.111.111.111"
};

module.exports = ipAddressJson;

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

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

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

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

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

其它你可能感兴趣的问题