Giter Club home page Giter Club logo

angular-fullstack-graphql's People

Contributors

claytoncasey01 avatar fbcarpinato avatar marktani avatar nikolasburk avatar renovate-bot avatar renovate[bot] avatar schickling avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

angular-fullstack-graphql's Issues

Cannot find name 'AsyncIterator' when running Angular+Apollo example

After registering and downloading the Angular+Apollo example, the following error occurs during the build process:

ERROR in /Users/nicklehmann/Desktop/quickstart-with-apollo/node_modules/@types/graphql/subscription/subscribe.d.ts (17,4): Cannot find name 'AsyncIterator'.
ERROR in /Users/nicklehmann/Desktop/quickstart-with-apollo/node_modules/@types/graphql/subscription/subscribe.d.ts (29,4): Cannot find name 'AsyncIterable'.

npm install run just fine and did not throw any errors. A very similar issue with the same error messages was posted here. However, the proposed solution to downgrade to node 6.0 did not work.

Tested on macOS Sierra (10.12.6) with latest version you can get (installed nvm afterwards, so to figure out which exactly) and 6.0.

This workaround seems to have helped some people.

types inconsistency

Just after the first start getting errors related to types.

ERROR in /Users/kobvel/Workspace/examples/quickstart-with-apollo/node_modules/apollo-client-rxjs/build/src/Rx
ObservableQuery.d.ts (7,22): Class 'RxObservableQuery<T>' incorrectly extends base class 'Observable<ApolloQueryResult<T>>'.
  Types of property 'lift' are incompatible.
    Type '<R>(operator: Operator<ApolloQueryResult<T>, ApolloQueryResult<R>>) => Observable<ApolloQueryResu...' is not assignable to type '<R>(operator: Operator<ApolloQueryResult<T>, R>) => Observable<R>'.
      Types of parameters 'operator' and 'operator' are incompatible.
        Type 'Operator<ApolloQueryResult<T>, R>' is not assignable to type 'Operator<ApolloQueryResult<T>, ApolloQueryResult<{}>>'.
          Type 'R' is not assignable to type 'ApolloQueryResult<{}>'.

New posts not shown in the list without reload

I tried the angular-appollo example and it runs alright.
However, changes made to the list of posts are not automatically reflected in the UI.
If I for example add a new post from the UI, it doesn't add it to the feed without reload.
If I change something on the server it doesn't either get pushed out, which I guess is due to no sw setup. But shouldn't a new post added in the UI update the feed at least?

Steps to reproduce:

  1. Start the angular-graphql/quickstart-with-apollo example locally.
  2. Go to localhost:3000 where you see a list of current posts.
  3. Click the "+ New Post" button in the top right corner
  4. On the /create page, create a new Post by adding a Description and an URL.
  5. Click Create and you are now redirected back to the list page.

Outcome: The list of post is shown, but the newly added post is not visible until after a reload.
Expected outcome: The newly added post should be shown in the list

Further investigation:
Delete one of the existing posts
Outcome: The list of posts is shown with the deleted item removed, but the newly added post is still not visible.
Expected outcome: The newly added post should be shown in the list

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.