Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 从根文件夹导入JSON文件_Reactjs_Create React App_Webpack File Loader - Fatal编程技术网

Reactjs 从根文件夹导入JSON文件

Reactjs 从根文件夹导入JSON文件,reactjs,create-react-app,webpack-file-loader,Reactjs,Create React App,Webpack File Loader,我使用了创建react app来创建reactjs项目。我需要将一个JSON文件导入到src文件夹之外的.js文件中。原因是JSON文件包含一些配置。完成构建后,我可以更改配置,而无需重新构建。因此,将JSON文件保存在根文件夹中对我来说非常重要 无需弹出,我还能做吗?请注意,您需要将JSON文件保存在“公共”文件夹中,这样您就可以在本地使用它,比如ex.localhost:3000/api.JSON。在本例中,获取json文件并使用数据。在构建时,它不能给出任何错误。如果您在src文件夹中ke

我使用了创建react app来创建reactjs项目。我需要将一个JSON文件导入到src文件夹之外的.js文件中。原因是JSON文件包含一些配置。完成构建后,我可以更改配置,而无需重新构建。因此,将JSON文件保存在根文件夹中对我来说非常重要


无需弹出,我还能做吗?

请注意,您需要将JSON文件保存在“公共”文件夹中,这样您就可以在本地使用它,比如ex.localhost:3000/api.JSON。在本例中,获取json文件并使用数据。在构建时,它不能给出任何错误。如果您在src文件夹中kepp您的JSON文件,那么您需要在项目中导入该文件

注意,您需要将JSON文件保存在“public”文件夹中,这样您就可以在本地使用它,比如ex.localhost:3000/api.JSON。在本例中,获取json文件并使用数据。在构建时,它不能给出任何错误。如果您在src文件夹中kepp您的JSON文件,那么您需要在项目中导入该文件

您可以通过输入完整路径从任何地方导入它,但将重要文件保留在外部不是一个好主意。最好将它放在src文件夹中,并在生成时复制它。@Superblar,复制的文件放在哪里?我如何给出路径?这是否回答了你的问题@ChamodPathirana您必须将其放在公共(构建)文件夹中。然后,您可以使用从文件加载数据。您可以通过输入完整路径从任何地方导入数据,但将重要文件保留在外部不是一个好主意。最好将它放在src文件夹中,并在生成时复制它。@Superblar,复制的文件放在哪里?我如何给出路径?这是否回答了你的问题@ChamodPathirana您必须将其放在公共(构建)文件夹中。然后可以使用从文件加载数据。