I am trying to use graphql_flutter for my flutter app but cannot establish connection and I'm getting the following error:
I/flutter ( 6283): OperationException(linkException: ServerException(originalException: SocketException: OS Error: Connection refused, errno = 111, address = localhost, port = 36582, parsedResponse: null), graphqlErrors: [])
My guess is the error says the port is 36582 but I have my server on localhost at port 4000.
This is the code for the main app
void main() async {
await initHiveForFlutter();
final HttpLink httpLink = HttpLink('http://localhost:4000/');
final AuthLink authLink = AuthLink(
getToken: () async => 'Bearer <YOUR_PERSONAL_ACCESS_TOKEN>',
// OR
// getToken: () => 'Bearer <YOUR_PERSONAL_ACCESS_TOKEN>',
);
final Link link = authLink.concat(httpLink);
ValueNotifier<GraphQLClient> client = ValueNotifier(
GraphQLClient(
link: link,
cache: GraphQLCache(
store: HiveStore(),
),
),
);
runApp(MyApp(client));
}
class MyApp extends StatelessWidget {
final ValueNotifier<GraphQLClient> client;
MyApp(this.client);
@override
Widget build(BuildContext context) {
return GraphQLProvider(
client: client,
child: MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
),
);
}
}
Also the address is correct and does not include "/graphql" at the end. The queries work fine in postman and also in apollo-client on my angular app. Any suggestions would be appreciated.
And This is the query widget which gives the error
Query(
options: QueryOptions(
document: gql(ActionData.fetchCalendarActions),
variables: {
'userId': "60157b3dd6882132841d9a25",
'currentList': 'calendar'
}),
builder: (QueryResult result,
{VoidCallback refetch, FetchMore fetchMore}) {
if (result.hasException) {
print(result.exception.toString());
return Text(result.exception.toString());
}
if (result.isLoading) {
return Text('Loading');
}
print(result);
return Text('result');
},
),
and this is the query:
class ActionData {
static String fetchCalendarActions =
"""query getCalendarActions(\$userId: ID!, \$currentList: String!) {
getActionForList(userId: \$userId, currentList: \$currentList ) {
_id
title
tags
}
}""";
}
