vuex-orm / plugin-graphql

Vuex ORM persistence plugin to sync the store against a GraphQL API.
https://vuex-orm.github.io/plugin-graphql/
MIT License
227 stars 52 forks source link

Errors with Apollo and Components Dependencies #137

Open breynolds opened 4 years ago

breynolds commented 4 years ago

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;

yayvery commented 4 years ago

I'm having this issue as well

curbol commented 4 years ago

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