如何解决NextJs 使用 loadFilesSync 或 glob 加载多个文件,
我正在尝试使用 @graphql-tools/load-files
加载多个文件,我也尝试过使用 glob
,但也没有成功。我的文件夹结构是这样的:
/
/.next
/pages
/pages/api
/pages/api/graphql -> there I have an ApolloServer
/server
/types
/types/userTypes.ts
/types/authTypes.ts
我的想法是将 root/types 文件夹中的所有 graphql 类型作为不同的文件并在构建时合并它们:
这是 graphql.ts
文件的一部分。
import path from 'path';
import { mergeTypeDefs } from '@graphql-tools/merge';
import { loadFilesSync } from '@graphql-tools/load-files';
const typesArray = loadFilesSync(path.join(__dirname,'../../types/.*'));
console.log(typesArray);
输出为空 [] 数组。当我在没有 NextJs 的情况下尝试这个时,它按预期工作,所以我猜 NextJs 正在对文件夹结构做一些事情,但我无法弄清楚。如果有人可以提供帮助,那就太好了。提前致谢。
解决方法
您对 Next JS 如何处理其文件夹结构的看法是正确的
将 path.join(__dirname,'../../types/.*')
替换为 path.join(process.cwd(),'path')
,如下所示with-typescript-graphql
从接受的答案继续-
传递硬编码路径对我不起作用。
相反,只需使用 glob 模式。
loadFilesSync('**/*.gql')
链接示例使用 graphql-let
配置,它本质上解析为与此类似的 glob 模式。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。