Library not working if graphql files located in root directory

Hi, Thanks for your work.

I don’t know if you’re aware of it, but I lost a lot of time because of a very specific issue today. When the structure of your react-native project is the following :

./react-native-app/
    ./ios/
    ./android/
    ./node_modules/
    ./graphql/
        ./queries/
            ./query.graphql // <-- Trying to import this file
    ./App.js // <-- From this file, doing `import query from "./graphql/queries/query.graphql"`

It resulted every time in an error like : build failed: couldn't find module "./graphql/queries/query.graphql"

But if I nest .js files in a /src/ directory, and the structure is like this :

./react-native-app/
    ./ios/
    ./android/
    ./node_modules/
    ./src/
        ./graphql/
            ./queries/
                ./query.graphql // <-- Trying to import this file
        ./App.js // <-- From this file, doing `import query from "./graphql/queries/query.graphql"`

Only then it works. And I’m aware that I have to remove the babel cache everytime I update something .graphql related. You can reproduce this bug by simply creating a new project with :

1/ react-native init project 2/ Follow the instruction to install this library 3/ Create a dumb ./graphql/queries/query.graphql 4/ Try to import it from ./App.js

Regards.

[Kisepro]

Ok for my part was because I had something wrong with my package and versions and in my .babelrc RN 57 requires to update few things like the preset “metro-react-native-babel-preset” instead of the deprecated one and it requires to change the .baberc like following :

{
  "presets": ["module:metro-react-native-babel-preset"],
  "plugins": ["import-graphql"]
}

[detrohutt]

Thanks for reporting this, and for the easy repro instructions. I’ll try my best to check this out over the weekend!