javascript - WebStorm が Vue コンポーネントまたは .grapgql ファイルの apollo オブジェクト内の gql クエリでエラーを表示する理由

Question

WebStorm 構文の強調表示に問題があります。localhost アプリで動作する有効な GraphQL クエリを作成しましたが、WebStorm はそれを言います

オブジェクト タイプ「Query」の不明なフィールド「familyMembers」

クエリ全体が赤で強調表示されます。

私は本当に混乱していますが、内部で何かを変更する必要があるかもしれませapollo.config.jsん。もしそうなら、何を教えてください。

HelloWorld.vue

<script>
import gql from 'graphql-tag';
export default {
  apollo: {
    familyMembers: gql `
    query familyMembers {
        familyMembers {
            id
            firstName
            lastName
        }
    }`
  },
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

apollo.config.js

module.exports = {
    client: {
        service: {
            name: 'vav',
            // URL to the GraphQL API
            url: 'http://localhost:4000',
        },
        // Files processed by the extension
        includes: [
            'src/**/*.vue',
            'src/**/*.js',
        ],
    },
};

いくつかのスクリーンショット: