How to import file from outside /components in react

Question

My folder structure is as follows:

In my App.Js (which is under the components folder), I have:

import variables from \'/src/EnvVariables/varia         


        

Answer 1

Have you tried to import with the relative path? (with one or more ../ sections)

import variables from "../EnvVariables/variables.json"

Of course, if you prefer absolute paths you can setup https://webpack.js.org/configuration/resolve/, but I believe for first, you should try the first solution