问题

我正在使用React，并且第一次与TypeScript一起使用，目前正在使用Hygraph构建博客，但在查询后，我认为我定义变量的方式有问题。我看到有人在使用@types/node，但我仍然不明白如何使用它。

```javascript
import { request, gql } from "graphql-request";

declare var process : {
  env: {
    GRAPHQL_API_ENDPOINT: string
  }
}

const graphqlAPI: string = process.env.GRAPHQL_API_ENDPOINT;

export const getPosts = async (): Promise<any> => {
  const query: string = gql`
    query Assets {
       //queries here
    }
  `;
  const result: any = await request(graphqlAPI, query);
  return result.postsConnection.edges;
};

这是环境变量：

process.env.GRAPHQL_API_ENDPOINT = //api

<details>
<summary>英文:</summary>

So i am using react and first time using it with typescript, currently building a blog using hygraph but after i query it i think something is wrong with how i defined my variables. I saw someone someone using @types/node but i still dont understand how to use it.

import { request, gql } from "graphql-request";

declare var process : {
env: {
GRAPHQL_API_ENDPOINT: string
}
}

const graphqlAPI: string = process.env.GRAPHQL_API_ENDPOINT;

export const getPosts = async (): Promise<any> => {
const query: string = gql
query Assets {
//queries here
}
;
const result: any = await request(graphqlAPI, query);
return result.postsConnection.edges;
};

and this is the env:

process.env.GRAPHQL_API_ENDPOINT = //api

</details>


# 答案1
**得分**: 1

在你的 `.env` 文件中，像这样添加变量 -

```lang-sh
GRAPHQL_API_ENDPOINT=//api

注意没有空格。修改你的文件看起来像这样 -

import { request, gql } from "graphql-request";

const graphqlAPI: string = process.env.GRAPHQL_API_ENDPOINT!;

export const getPosts = async (): Promise<any> => {
  const query: string = gql`
    query Assets {
       //queries here
    }
  `;
  const result: any = await request(graphqlAPI, query);
  return result.postsConnection.edges;
};

确保已安装 @types/node 并且在你的 tsconfig.json 的 lib 选项中，存在一个值 node。这应该可以解决问题。

GRAPHQL_API_ENDPOINT=//api

import { request, gql } from "graphql-request";

const graphqlAPI: string = process.env.GRAPHQL_API_ENDPOINT!;

export const getPosts = async (): Promise<any> => {
  const query: string = gql`
    query Assets {
       //queries here
    }
  `;
  const result: any = await request(graphqlAPI, query);
  return result.postsConnection.edges;
};