Unexpected token, expected ";"

I’m trying to use this plugin with React Native but am stuck with this error:

Node version: 8.10 Plugin version: 2.6.2

My files are as such: .babelrc

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

all-cattles.query.graphql

query allCattles {
  listCattle {
    name
  }
}

Please let me know if there’s anything else needed. Thanks

[jefflewis]

I was seeing this, but incorrectly included graphql in my sourceExts instead of assetExts in my metro config as described here in https://github.com/detrohutt/babel-plugin-import-graphql/issues/50.

This worked for me:

module.exports = {
  resolver: {
    assetExts: ["graphql", "gql", "png"],
  },
  transformer: {
    babelTransformerPath: require.resolve(
      "react-native-typescript-transformer"
    ),
    enableBabelRCLookup: true
  }
};

[detrohutt]

I’m closing this for now since it’s been open for almost 7 months and only has one +1. If the solution @jefflewis mentioned doesn’t work for someone, and you get this same error, let me know and I’ll reopen the issue.