Javascript babel插件中继未解释Graphql查询语句'Graphql'

我正在尝试在Realy Modern应用程序上设置GraphQL，但babel无法处理我的

grapqh

查询。我遇到以下运行时错误：

graphql：运行时意外调用。可能是没有设置Babel转换，或者无法识别此呼叫站点。确保它被逐字使用为“graphql”

我正在使用更新的

babel插件继电器

，配置如下：

{
  "name": "client",
  "version": "3.0.0",
  "private": true,
  "proxy": "http://localhost:3001/",
  "dependencies": {
    "babel-plugin-relay": "^1.1.0",
    "react": "^15.6.1",
    "react-dom": "^15.6.1",
    "react-fa": "^4.2.0",
    "react-relay": "^1.1.0",
    "react-router-relay": "^0.14.0"
  },
  "devDependencies": {
    "faker": "^4.1.0",
    "react-scripts": "1.0.10",
    "relay-compiler": "^1.1.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "relay": "relay-compiler --src ./src --schema ./src/data/schema.graphql"
  },
  "babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      "relay"
    ]
  }
}

还有我的App.js：

import React, { Component } from 'react';
import {
  QueryRenderer,
  graphql
} from 'react-relay'

import environment from '../../environment'

import './App.css';

import Admin from '../Admin/Admin.js';

const AppQuery = graphql`
    query Companies {
        data {
            ...Admin_Company
        }
    }
}
`

class App extends Component {
  render() {

    return (

        <QueryRenderer
            environment={environment}
            query={AppQuery}
            render={
                ({ error, props }) => {
                    if (error) { 
                        return <div>{error.message}</div>
                    } else if (props) {
                        return <Admin data={props.data} />
                    }

                    return <div>Loading...</div>
                }
            }
        />
    );
  }
};

export default App;

import React，{Component}来自'React'；
进口{
QueryRenderer，
图形ql
}来自“反应继电器”
从“../../environment”导入环境
导入“/App.css”；
从“../Admin/Admin.js”导入管理员；
常量AppQuery=graphql`
查询公司{
资料{
…行政管理公司
}
}
}
`
类应用程序扩展组件{
render（）{
返回(
{
如果（错误）{
返回{error.message}
}否则如果（道具）{
返回
}
返回加载。。。
}
}
/>
);
}
};
导出默认应用程序；

您是否运行了

npm运行继电器

？当然是的，我运行了！