使用Babel而不是Webpack预编译graphql

时间:2019-07-14 12:39:53

标签: webpack graphql babel apollo ssr

我已经可以使用Apollo graphQl的应用程序了。现在,我需要使用SSR。我使用babel(没有webpack)构建后端节点应用程序。

在这种情况下,我需要使用babel以及webpack(SSR的水化版本)来构建我的应用程序

在没有ssr版本的应用程序中,我有webpack加载器:

  {
    test: /\.(graphql|gql)$/,
    exclude: /node_modules/,
    loader: 'graphql-tag/loader',
  },

应用程序与此加载器配合正常。

然后我从webpack中删除了该加载程序,并添加了babel插件:

  "plugins": [
    "import-graphql",
    "graphql-tag", 
    ....

但是我有一个错误:

invariant.esm.js:12 Uncaught (in promise) Invariant Violation: Argument of {
  cities {
    items {
      id
      logo
      name
      description
    }
  }
} passed to parser was not a valid GraphQL DocumentNode. You may need to use 'graphql-tag' or another method to convert your operation into a document

我认为,我忘记了一些东西,但我不知道是什么。现在,我该怎么办?

P.S代码的结构是:

enter image description here

其中index.js导入为import CITIES_QUERY from './query.gql';

0 个答案:

没有答案