angular - 在 WebStorm 中设置 AWS Amplify GraphQL API 时出现“未知指令模型”

Question

我正在为 Angular 使用以下 AWS Amplify 教程：

https://docs.amplify.aws/start/getting-started/data-model/q/integration/angular#model-the-data-with-graphql-transform

当我生成 GraphQL API 时，我收到@model指令的红色警告消息：

我正在使用 WebStorm。如何让我的编辑器不抛出这些红色警告错误？我需要安装一些@types 包或安装一些插件吗？

标签： angularamazon-web-servicesgraphqlwebstormaws-amplify

Answer 1

首先，创建.graphqlconfig具有以下内容的文件：

{
  "schemaPath": "schema.graphql",
  "includes": ["*"],
  "extensions": {
    "endpoints": {}
  }
}

然后，创建graphql-directives.js具有以下内容的文件：

import gql from 'graphql-tag';

const clientSchemaExtensions = gql`
  directive @model on OBJECT
  scalar AWSDateTime
`;

之后，不再有语法错误！

这个答案改编自这个 repo。