javascript - 从 create-react-app 公共(public)文件夹中读取 JSON 文件

标签 javascript reactjs create-react-app

<分区>

我有一个包含以下内容的 ipAddress.json 文件:

{
  "ipAddress": "11.111.111.111"
}

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

但是我无法读取这个文件。我在努力

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

使用“json-loader”公共(public)库。

我如何让它工作?根据 ( Using the Public Folder ) 它应该工作得很好。

但是我得到这个错误:

Module not found: You attempted to import /ipAddress/ipAddress.json which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

谢谢你的帮助

最佳答案

如果它只是一个 json 对象,您应该能够创建一个 js 文件,其中包含一个 const 对象中的数据。然后将常量导出为模块。

要创建的新 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

关于javascript - 从 create-react-app 公共(public)文件夹中读取 JSON 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57597505/

相关文章:

javascript - 保加利亚语正则表达式(有效)日期格式 d.M.yyyy 'г.'

javascript - 如果 var not set 总是结果为真,即使它的设置

reactjs - 使用 create-react-app 创建新的 react 应用程序时遇到问题

javascript - javascript数组何时可以在键: value pairs with keys having 'string' values?中存储元素

javascript - 通过两个嵌套值过滤对象

javascript - 如何在 VSCode 和 WebStorm 中将 CSS/SCSS/PostCSS 写入 React .tsx 文件作为 JavaScript 字符串?

javascript - 如何在 REACT 组件中保留旧数据

node.js - create-react-app + nodejs (express) 服务器

javascript - babel-plugin-react-css-modules 不会更改样式标签中的类名

javascript - 在 Webstorm node express app : router. post() 中显示错误:未解析的函数或方法 post()