Access json file in public folder from src/reducers react

Question

I have created react application using npx create-react-app. I have json files in public/strings folder.I need to access this json file from the reducer in src.I have code as below in src/reducers/lang_reducer.js

let resources =require("/strings/strings_" + language + ".json"); let englishStrings=require("/strings/strings_en.json");

It is throwing following error: ./src/reducers/languages_reducer.js Module not found: Can't resolve '/strings' in 'E:Code\src\reducers'

Is there any other way by which i can access json file which is in public folder from src ?

Thanks in advance :)

Check out require.context. Use it to include files in a directory, and then you require your language at runtime by using the embedded json files within webpack. — Blue
– Blue, Commented Nov 30, 2018 at 12:57
Could you please give an example of how to implement it for my current error? — Prox4
– Prox4, Commented Nov 30, 2018 at 13:03

Kuncheria · Accepted Answer · 2018-12-06 08:28:38Z

create-react-app configures a lot of features automatically. This restricts you from accessing files which are not in src folder. One workaround for this is to eject and then overwrite the configuration. Other wise instead of using create-react-app you can do your webpack configuration on your own.

Collectives™ on Stack Overflow

Access json file in public folder from src/reducers react

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related