search

colinjlacy / firebase-ionic-2-demo

A demo app integrating Firebase 3 into Ionic 2
34 stars 10 forks source link

Question: is ionic serve supposed to work? because I get a blank page thanks #4

Open avidanyum opened 7 years ago

avidanyum commented 7 years ago

`~/tmp/firebase-ionic-2-demo$ ionic serve

Running 'serve:before' gulp task before serve [19:32:26] Starting 'clean'... [19:32:26] Finished 'clean' after 11 ms [19:32:26] Starting 'watch'... [19:32:26] Starting 'sass'... [19:32:26] Starting 'html'... [19:32:26] Starting 'fonts'... [19:32:26] Starting 'scripts'... [19:32:26] Finished 'html' after 80 ms [19:32:26] Finished 'scripts' after 112 ms [19:32:26] Finished 'fonts' after 270 ms [19:32:27] Finished 'sass' after 1.11 s TypeScript error: /Users//tmp/firebase-ionic-2-demo/app/pages/page3/components/login.component.ts(5,10): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/common/index"' has no exported member 'FORM_DIRECTIVES'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/app/pages/page3/components/login.component.ts(36,5): Error TS2345: Argument of type '{ selector: string; template: string; directives: any[]; providers: typeof UserService[]; }' is not assignable to parameter of type 'Component'. Object literal may only specify known properties, and 'directives' does not exist in type 'Component'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/input/input-base.d.ts(2,10): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/common/index"' has no exported member 'NgControl'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/input/input.d.ts(2,10): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/common/index"' has no exported member 'NgControl'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/input/native-input.d.ts(2,10): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/common/index"' has no exported member 'NgControl'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-controller.d.ts(1,28): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/core/index"' has no exported member 'DynamicComponentLoader'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-controller.d.ts(210,19): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-controller.d.ts(289,15): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-controller.d.ts(358,16): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-controller.d.ts(408,39): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-controller.d.ts(438,15): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-portal.d.ts(1,40): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/core/index"' has no exported member 'DynamicComponentLoader'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-registry.d.ts(8,25): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav-registry.d.ts(9,25): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav.d.ts(1,40): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/core/index"' has no exported member 'DynamicComponentLoader'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/nav.d.ts(118,11): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/view-controller.d.ts(21,20): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/nav/view-controller.d.ts(82,33): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/searchbar/searchbar.d.ts(2,10): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/common/index"' has no exported member 'NgControl'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/segment/segment.d.ts(2,10): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/common/index"' has no exported member 'NgControl'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/tabs/tab.d.ts(1,40): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/core/index"' has no exported member 'DynamicComponentLoader'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/tabs/tab.d.ts(134,11): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/components/toggle/toggle.d.ts(2,10): Error TS2305: Module '"/Users//tmp/firebase-ionic-2-demo/node_modules/@angular/common/index"' has no exported member 'ControlValueAccessor'. TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/decorators/app.d.ts(13,24): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/decorators/app.d.ts(14,19): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/decorators/page.d.ts(12,24): Error TS2314: Generic type 'Type' requires 1 type argument(s). TypeScript error: /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-angular/decorators/page.d.ts(13,19): Error TS2314: Generic type 'Type' requires 1 type argument(s). [19:32:30] Finished 'watch' after 4.01 s [19:32:30] Starting 'serve:before'... [19:32:30] Finished 'serve:before' after 4.17 μs

Running live reload server: http://localhost:35729 Watching: www//*, !www/lib/*/, !www//*.map √ Running dev server: http://localhost:8100 Ionic server commands, enter: restart or r to restart the client app from the root goto or g and a url to have the app navigate to the given url consolelogs or c to enable/disable console log output serverlogs or s to enable/disable server log output quit or q to shutdown the server and exit

ionic $ 9.4 MB bytes written (5.75 seconds)`

avidanyum commented 7 years ago

I saw i was using node>v6 so downgraded to v4 and when I do npm install after deleting node_modules it fails on:

`$ npm install npm WARN package.json firebasedemo@ No repository field. npm WARN package.json firebasedemo@ No license field. ^C @-mac:~/tmp/firebase-ionic-2-demo$ rm -rf node_modules @-mac:~/tmp/firebase-ionic-2-demo$ npm install npm WARN package.json firebasedemo@ No repository field. npm WARN package.json firebasedemo@ No license field. npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN peerDependencies The peer dependency rxjs@5.0.0-beta.12 included from @angular/http will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree. npm WARN peerDependencies The peer dependency rxjs@5.0.0-beta.12 included from @angular/core will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. \

fsevents@1.0.15 install /Users//tmp/firebase-ionic-2-demo/node_modules/gulp-watch/node_modules/chokidar/node_modules/fsevents node-pre-gyp install --fallback-to-build

[fsevents] Success: "/Users//tmp/firebase-ionic-2-demo/node_modules/gulp-watch/node_modules/chokidar/node_modules/fsevents/lib/binding/Release/node-v46-darwin-x64/fse.node" already installed Pass --update-binary to reinstall or --build-from-source to recompile

node-sass@3.12.2 install /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-gulp-sass-build/node_modules/gulp-sass/node_modules/node-sass node scripts/install.js

info node-sass install Cached binary found at /Users//.npm/node-sass/3.12.2/darwin-x64-46_binding.node

fsevents@1.0.15 install /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-gulp-browserify-typescript/node_modules/watchify/node_modules/chokidar/node_modules/fsevents node-pre-gyp install --fallback-to-build

[fsevents] Success: "/Users//tmp/firebase-ionic-2-demo/node_modules/ionic-gulp-browserify-typescript/node_modules/watchify/node_modules/chokidar/node_modules/fsevents/lib/binding/Release/node-v46-darwin-x64/fse.node" already installed Pass --update-binary to reinstall or --build-from-source to recompile

node-sass@3.12.2 postinstall /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-gulp-sass-build/node_modules/gulp-sass/node_modules/node-sass node scripts/build.js

info node-sass build Binary found at /Users//tmp/firebase-ionic-2-demo/node_modules/ionic-gulp-sass-build/node_modules/gulp-sass/node_modules/node-sass/vendor/darwin-x64-46/binding.node info node-sass build Testing binary info node-sass build Binary is fine npm ERR! Darwin 15.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" npm ERR! node v4.5.0 npm ERR! npm v2.15.9 npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package rxjs@5.0.0-beta.6 does not satisfy its siblings' peerDependencies requirements!

npm ERR! Please include the following file with any support request: npm ERR! /Users//tmp/firebase-ionic-2-demo/npm-debug.log`

avidanyum commented 7 years ago

ok npm install succeeded after i upgraded npm to v3 from v2 but i still get a blank page when i do:

ionic serve and then access: http://localhost:8100/

I see on developer console not sure if related:

Request URL:http://localhost:8100/build/js/app.bundle.js Request Method:GET Status Code:404 Not Found Remote Address:127.0.0.1:8100

colinjlacy commented 7 years ago

I'm updating this repo locally to work with RC1 right now. I'll have that up this week.