angular2-apollo-client-webpack-starter
angular2-apollo-client-webpack-starter copied to clipboard
Not being able to run the starter pack
I am not being able to run the starter pack, my version of node is v4.5.0 and my version of npm is 3.10.8. I get a few unmet dependencies when I run npm install:
UNMET PEER DEPENDENCY @angular/[email protected]
UNMET PEER DEPENDENCY @angular/[email protected]
UNMET PEER DEPENDENCY @angular/[email protected]
UNMET PEER DEPENDENCY @angular/[email protected]
UNMET PEER DEPENDENCY [email protected]
If I ignore it and run npm start, I get a bunch of errors:
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/grid-list/grid-list.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/ripple/ripple.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/overlay-directives.d.ts
(12,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/overlay-directives.d.ts
(12,24): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/overlay-directives.d.ts
(24,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/overlay-directives.d.ts
(24,24): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/overlay-directives.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/overlay-directives.d.ts
(12,14): error TS2304: Cannot find name 'elementRef'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/overlay-directives.d.ts
(24,14): error TS2304: Cannot find name 'overlayRef'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/position/connected-position-strategy.d.ts
(24,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/position/connected-position-strategy.d.ts
(24,23): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/position/connected-position-strategy.d.ts
(24,47): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/position/connected-position-strategy.d.ts
(24,14): error TS2304: Cannot find name 'positions'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/overlay/overlay.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ComponentFactoryResolver'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/dom-portal-host.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ComponentFactoryResolver'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/portal-directives.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/portal-directives.d.ts
(1,58): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ComponentFactoryResolver'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/portal.d.ts
(14,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/portal.d.ts
(14,24): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/portal.d.ts
(53,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/portal.d.ts
(53,20): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/portal.d.ts
(14,14): error TS2304: Cannot find name 'isAttached'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/portal/portal.d.ts
(53,14): error TS2304: Cannot find name 'origin'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/rtl/dir.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/core/core.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,21): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(51,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(51,19): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(52,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(52,28): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(53,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(53,21): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(82,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(82,20): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(82,44): error TS1005: '(' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(83,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(83,21): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(83,45): error TS1005: '(' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(85,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(85,20): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(51,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,23): error TS2300: Duplicate identifier 'boolean'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(51,21): error TS2300: Duplicate identifier 'boolean'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(52,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(53,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(73,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(82,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(83,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(85,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(1,76): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(50,14): error TS2304: Cannot find name 'focused'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(51,14): error TS2304: Cannot find name 'empty'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(52,14): error TS2304: Cannot find name 'characterCount'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(53,14): error TS2304: Cannot find name 'inputId'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(82,14): error TS2304: Cannot find name 'onBlur'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(83,14): error TS2304: Cannot find name 'onFocus'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/input.d.ts
(85,14): error TS2304: Cannot find name '_align'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(28,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(28,22): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(29,14): error TS1005: '=' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(29,28): error TS1005: ';' expected.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(28,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(29,5): error TS2300: Duplicate identifier 'readonly'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(1,32): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(28,14): error TS2304: Cannot find name 'tabIndex'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/button.d.ts
(29,14): error TS2304: Cannot find name 'isAriaDisabled'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/card/card.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/toolbar/toolbar.d.ts
(1,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular/core/index"' has no exported member 'ModuleWithProviders'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/typings/globals/ambient/index.d.ts
(4,25): error TS2307: Cannot find module '~lodash/index'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/typings/globals/ambient/index.d.ts
(5,3): error TS2300: Duplicate identifier 'export='.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/ambient.d.ts
(5,25): error TS2307: Cannot find module '~lodash/index'.
ERROR in /Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/ambient.d.ts
(6,3): error TS2300: Duplicate identifier 'export='.
ERROR in ./src/app/register/register.component.ts
(4,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/card/index"' has no exported member 'MD_CARD_DIRECTIVES'.
ERROR in ./src/app/register/register.component.ts
(5,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/index"' has no exported member 'MD_BUTTON_DIRECTIVES'.
ERROR in ./src/app/register/register.component.ts
(6,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/index"' has no exported member 'MD_INPUT_DIRECTIVES'.
ERROR in ./src/app/login/login.component.ts
(4,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/card/index"' has no exported member 'MD_CARD_DIRECTIVES'.
ERROR in ./src/app/login/login.component.ts
(5,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/index"' has no exported member 'MD_BUTTON_DIRECTIVES'.
ERROR in ./src/app/login/login.component.ts
(6,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/index"' has no exported member 'MD_INPUT_DIRECTIVES'.
ERROR in ./src/app/home/home.component.ts
(11,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/card/index"' has no exported member 'MD_CARD_DIRECTIVES'.
ERROR in ./src/app/home/home.component.ts
(12,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/button/index"' has no exported member 'MD_BUTTON_DIRECTIVES'.
ERROR in ./src/app/home/home.component.ts
(13,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/input/index"' has no exported member 'MD_INPUT_DIRECTIVES'.
ERROR in ./src/app/home/home.component.ts
(14,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/grid-list/index"' has no exported member 'MD_GRID_LIST_DIRECTIVES'.
ERROR in ./src/app/app.component.ts
(3,10): error TS2305: Module '"/Users/jose/Desktop/projects/projs_test/save-the-world-tutorial/node_modules/@angular2-material/toolbar/index"' has no exported member 'MD_TOOLBAR_DIRECTIVES'.
It's a great project and I would really like to get started with Scaphold.io, any help would be appreciated.
Thanks
Hey @jbonigomes,
I'm taking a look now. It's been a while since I've updated these dependencies. I'll let you know when its fixed :)
In the meantime, here is a link to our most updated starter kit. It's react based but includes examples of getting started with GraphQL Subscriptions if you are interested in using Scaphold's realtime features.
https://github.com/scaphold-io/slackr-graphql-subscriptions-starter-kit
P.S. Here is the associated tutorial: https://scaphold.io/blog/2016/11/09/build-realtime-apps-with-subs.html