Vetur ошибка при использовании нескольких запросов в одном файле .gql - PullRequest
0 голосов
/ 30 января 2020

Я использую Vue typeScript с GraphQL. Всякий раз, когда я пытаюсь использовать запрос с использованием деконструктора, я получаю сообщение об ошибке от Vetur. Я могу использовать запрос GetPostData в Vue Компоненте и он работает нормально.

Попытка использовать это - https://github.com/apollographql/graphql-tag#support -for-множественные операции

enter image description here

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();
  }
};

1 Ответ

0 голосов
/ 27 февраля 2020

Я думаю, что это то, что вы можете сделать, но я не думаю, что вы действительно можете. Лучше поместить все ваши запросы в файл javascript и импортировать 'graphql-tag' для хранения запросов, а не использовать файл .gql.

...