如何在 angular 12 中导入默认导出的 graphql 查询？

Question

我有一个 angular 12 项目，我想将 graphql 与 apollo-angular 一起使用。我使用以下代码创建了一个 category.js 文件：

import gql from 'graphql-tag';

const CATEGORIES_QUERY = gql`
query Categories {
    categories {
        id
        name
    }
}
`;

export default CATEGORIES_QUERY;

在我的 component.ts 中，我想导入这个 js 文件：

import CATEGORIES_QUERY from "../apollo/queries/category/categories";

但我收到以下错误：

Could not find a declaration file for module '../apollo/queries/category/categories'. 
'c:/Users/Diba Computer/vscode/blog- 
strapi/frontend/src/app/apollo/queries/category/categories.js' implicitly has an 'any' type.

有人能帮忙吗？

Answer 1

您可能需要将以下内容添加到 tsconfig.json

{
  "compilerOptions": {
    ...
  "allowJs": true,
  "checkJs": false,
    ...
  }
}

这会阻止 typescript 将模块类型应用到导入的 javascript。

如何在 angular 12 中导入默认导出的 graphql 查询？

how to import a default exported graphql query in angular 12?

graphql

angular

apollo-angular

angular12