vuex-orm / plugin-graphql

Vuex ORM persistence plugin to sync the store against a GraphQL API.

Home Page:https://vuex-orm.github.io/plugin-graphql/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Errors with Apollo and Components Dependencies

breynolds opened this issue · comments

I used the Setup instructions to try to make Vuex-Orm GraphQL Plugin work in my app, but immmediately got several errors. Vuex-ORM works already in my app, but the GraphQL plugin doesn't. Is there something required for the plugin to work with typescript? Also, I thought Apollo was optional, but there are several places that reference apollo-link and apollo-client.

Here are several of the errors (there are some more, but they looked similar so I didn't repeat them):

ERROR in .../node_modules/@vuex-orm/plugin-graphql/dist/types/common/context.d.ts(3,10):
3:10 Module '".../node_modules/@vuex-orm/core/lib/plugins/use"' has no exported member 'Components'.
1 | import Logger from "./logger";
2 | import Model from "../orm/model";

3 | import { Components } from "@vuex-orm/core/lib/plugins/use";
| ^
4 | import Apollo from "../graphql/apollo";
5 | import Database from "@vuex-orm/core/lib/database/Database";
6 | import { Options } from "../support/interfaces";

ERROR in .../node_modules/@vuex-orm/plugin-graphql/dist/types/common/logger.d.ts(1,30):
1:30 Cannot find module 'graphql/language/ast'.

1 | import { DocumentNode } from "graphql/language/ast";
| ^
2 | import { Arguments } from "../support/interfaces";
3 | import { FetchPolicy } from "apollo-client";
4 | /**

ERROR in .../node_modules/@vuex-orm/plugin-graphql/dist/types/common/logger.d.ts(3,29):
3:29 Cannot find module 'apollo-client'.
1 | import { DocumentNode } from "graphql/language/ast";
2 | import { Arguments } from "../support/interfaces";

3 | import { FetchPolicy } from "apollo-client";
| ^
4 | /**
5 | * Vuex-ORM-Apollo Debug Logger.
6 | * Wraps console and only logs if enabled.

ERROR in .../node_modules/@vuex-orm/plugin-graphql/dist/types/support/interfaces.d.ts(4,28):
4:28 Cannot find module 'apollo-link'.
2 | import ORMInstance from "@vuex-orm/core/lib/data/Instance";
3 | import RootState from "@vuex-orm/core/lib/modules/contracts/RootState";

4 | import { ApolloLink } from "apollo-link";
| ^
5 | import { DocumentNode } from "graphql/language/ast";
6 | import Adapter from "../adapters/adapter";
7 | export declare type DispatchFunction = (action: string, data: Data) => Promise;

I'm having this issue as well

I'm getting the same errors. Can someone who has this working please show their package.json dependencies?