Javascript 从create react app公用文件夹读取JSON文件
我有一个ipAddress.json文件,其内容如下:Javascript 从create react app公用文件夹读取JSON文件,javascript,reactjs,react-create-app,Javascript,Reactjs,React Create App,我有一个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": "11.111.111.111"
}
在公用文件夹中,我将该ipAddress.json文件放入“ipAddress”文件夹,因此路径看起来像“public/ipAddress/ipAddress.json”
但是我不能读这个文件。我正在努力
const ipAddress = (require(process.env.PUBLIC_URL + '/ipAddress/ipAddress.json')).ipAddress;
使用“json加载程序”公共库
我怎样才能让它工作?根据()的说法,它应该可以正常工作
但我得到了这个错误:
未找到模块:您试图导入/ipAddress/ipAddress.json
它位于项目src/目录之外。相对进口
不支持在src/之外
感谢您的帮助如果它只是一个json对象,您应该能够创建一个js文件,其中包含常量对象中的数据。然后将常量导出为模块 要创建的新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
,只需:
从“../data/somefile.json”导入数据
错误逐字说明了问题所在。您唯一的解决方法可能是将该文件放在src文件夹中Alternative:当我构建项目时,我需要能够编辑该ipAddress.json文件,这就是为什么我想将其放在公用文件夹中,但如果我在构建时将其放在src文件夹中,您无法访问该文件OK将查看该链接谢谢您为什么不打电话获取该文件而是从该文件中获取json数据?不幸的是,这不允许您在构建后打开json文件,以便我可以编辑IPS,因为现在json与项目捆绑在一起,需要您在每次更改时重新构建。