Vue.js 在同一.gql文件中使用多个查询时出现Vetur错误

我将Vue typeScript与GraphQL一起使用。每当我尝试使用解构器进行查询时，我都会从Vetur得到一个错误。我能够在Vue组件中使用GetPostData查询，并且工作正常

试图使用这个-

Vue文件

import { GetPostData } from "../../util/queries/getPageData.gql";

getPageData.gql

query GetPostData {
  continents {
    code
  }
}
query GetCountries($code: String!) {
  country(code: $code) {
    code
  }
}

Vue.config.js

const antdTheme = require("./src/theme.js");

module.exports = {
  publicPath: "/",
  pwa: {
    iconPaths: {
      favicon32: "./favicon.png",
      favicon16: "./favicon.png",
      appleTouchIcon: "./favicon.png",
      maskIcon: "./favicon.png",
      msTileImage: "./favicon.png"
    }
  },
  css: {
    loaderOptions: {
      less: {
        modifyVars: antdTheme,
        javascriptEnabled: true
      }
    }
  },
  chainWebpack: config => {
    // GraphQL Loader
    config.module
      .rule("graphql")
      .test(/\.(graphql|gql)$/)
      .use("graphql-tag/loader")
      .loader("graphql-tag/loader")
      .end();
  }
};

---

我想它说这是你能做的，但我不认为你真的能。

---

最好将所有查询放在一个javascript文件中，并导入“graphql标记”来存储查询，而不是使用.gql文件

我想这是你能做的，但我不认为你真的能。

---

最好将所有查询放在一个javascript文件中，并导入“graphql标记”来存储查询，而不是使用.gql文件

刚刚测试过，维图尔没有抱怨，可能是一个已经修复的bug

---

根据graphql标记包，支持此情况（），因此如果Vetur投诉一定是扩展本身的问题。

刚刚测试，Vetur没有投诉，可能是一个已经修复的错误

根据graphql标记包，这个案例是受支持的（），所以如果Vetur投诉，则肯定是扩展本身的问题