search

r-vijay-r / masterbranchproject

0 stars 0 forks source link

error on testing angularfire 2 #3

Open r-vijay-r opened 7 years ago

r-vijay-r commented 7 years ago

@gmanojisaac created new ng project "ng new masterbranchproject" installed npm : "npm install" installed angularfire2 : "npm install firebase angularfire2@2.0.0-beta.5-preview --save-dev" test run on localhost "ng serve" worked correctly and output obtained "app works!"

changes made in src/app/app.component.html src/app/app.component.ts src/app/app.module.ts src/index.html as per the spreadsheet saved changes

tested again on localhost "ng serve" displayed loading.... and then an empty page...

error on checking console

main.bundle.js:39547 EXCEPTION: Error in ./AppComponent class AppComponentHost - inline template:0:0 caused by: No provider for AngularFire!ErrorHandler.handleError @ main.bundle.js:39547 main.bundle.js:39549 ORIGINAL EXCEPTION: No provider for AngularFire!ErrorHandler.handleError @ main.bundle.js:39549 main.bundle.js:39552 ORIGINAL STACKTRACE:ErrorHandler.handleError @ main.bundle.js:39552 main.bundle.js:39553 Error: No provider for AngularFire! at NoProviderError.Error (native) at NoProviderError.BaseError as constructor at NoProviderError.AbstractProviderError as constructor at new NoProviderError (http://localhost:4200/main.bundle.js:39297:16) at ReflectiveInjector.throwOrNull (http://localhost:4200/main.bundle.js:59337:19) at ReflectiveInjector.getByKeyDefault (http://localhost:4200/main.bundle.js:59365:25) at ReflectiveInjector.getByKey (http://localhost:4200/main.bundle.js:59328:25) at ReflectiveInjector.get (http://localhost:4200/main.bundle.js:59137:21) at NgModuleInjector.get (http://localhost:4200/main.bundle.js:40181:52) at DebugAppView._View_AppComponent_Host0.createInternal (AppComponent_Host.ngfactory.js:16:70)ErrorHandler.handleError @ main.bundle.js:39553 main.bundle.js:39556 ERROR CONTEXT:ErrorHandler.handleError @ main.bundle.js:39556 main.bundle.js:39557 DebugContext_nodeIndex: 0_staticNodeInfo: (...)_tplCol: 0_tplRow: 0_view: _View_AppComponent_Host0_animationListeners: Map_appEl_0: AppElement_currentDebugContext: DebugContext_el_0: app-root_hasExternalHostElement: trueanimationPlayers: ViewAnimationMapcdMode: 4changeDetectorRef: (...)clazz: _View_AppComponent_Host0(viewUtils,parentInjector,declarationEl)componentType: RenderComponentTypecontentChildren: Array[0]context: ObjectdeclarationAppElement: nulldestroyed: (...)flatRootNodes: (...)lastRootNode: (...)numberOfChecks: 0parent: (...)parentInjector: AppModuleInjectorprojectableNodes: Array[0]ref: ViewRef_renderer: DebugDomRendererstaticNodeDebugInfos: Array[1]type: 0viewChildren: Array[0]viewContainerElement: nullviewUtils: ViewUtilsproto: DebugAppViewcomponent: (...)componentRenderElement: (...)context: (...)injector: (...)providerTokens: (...)references: (...)renderNode: (...)source: (...)proto: ObjectErrorHandler.handleError @ main.bundle.js:39557 main.bundle.js:68741 Unhandled Promise rejection: Error in ./AppComponent class AppComponentHost - inline template:0:0 caused by: No provider for AngularFire! ; Zone: ; Task: Promise.then ; Value: ViewWrappedError Error: No provider for AngularFire! at NoProviderError.Error (native) at NoProviderError.BaseError as constructor at NoProviderError.AbstractProviderError as constructor at new NoProviderError (http://localhost:4200/main.bundle.js:39297:16) at ReflectiveInjector.throwOrNull (http://localhost:4200/main.bundle.js:59337:19) at ReflectiveInjector.getByKeyDefault (http://localhost:4200/main.bundle.js:59365:25) at ReflectiveInjector.getByKey (http://localhost:4200/main.bundle.js:59328:25) at ReflectiveInjector.get (http://localhost:4200/main.bundle.js:59137:21) at NgModuleInjector.get (http://localhost:4200/main.bundle.js:40181:52) at DebugAppView._View_AppComponent_Host0.createInternal (AppComponent_Host.ngfactory.js:16:70)consoleError @ main.bundle.js:68741 main.bundle.js:68743 Error: Uncaught (in promise): Error: Error in ./AppComponent class AppComponent_Host - inline template:0:0 caused by: No provider for AngularFire!(…)consoleError @ main.bundle.js:68743

gmanojisaac commented 7 years ago

Vijay.. you need to convert all the steps into individual commits with descriptive commit messages in a separate branch. On Sep 30, 2016 4:54 PM, "r-vijay-r" notifications@github.com wrote:

@gmanojisaac https://github.com/gmanojisaac created new ng project "ng new masterbranchproject" installed npm : "npm install" installed angularfire2 : "npm install firebase angularfire2@2.0.0-beta.5- preview --save-dev" test run on localhost "ng serve" worked correctly and output obtained "app works!"

changes made in src/app/app.component.html src/app/app.component.ts src/app/app.module.ts src/index.html as per the spreadsheet saved changes

tested again on localhost "ng serve" displayed loading.... and then an empty page...

error on checking console

main.bundle.js:39547 EXCEPTION: Error in ./AppComponent class AppComponentHost - inline template:0:0 caused by: No provider for AngularFire!ErrorHandler.handleError @ main.bundle.js:39547 main.bundle.js:39549 ORIGINAL EXCEPTION: No provider for AngularFire!ErrorHandler.handleError @ main.bundle.js:39549 main.bundle.js:39552 ORIGINAL STACKTRACE:ErrorHandler.handleError @ main.bundle.js:39552 main.bundle.js:39553 Error: No provider for AngularFire! at NoProviderError.Error (native) at NoProviderError.BaseError as constructor http://localhost:4200/main.bundle.js:6281:34 at NoProviderError.AbstractProviderError as constructor http://localhost:4200/main.bundle.js:39266:16 at new NoProviderError (http://localhost:4200/main.bundle.js:39297:16) at ReflectiveInjector. throwOrNull (http://localhost:4200/main.bundle.js:59337:19 http://localhost:4200/main.bundle.js:59337:19) at ReflectiveInjector. getByKeyDefault (http://localhost:4200/main.bundle.js:59365:25 http://localhost:4200/main.bundle.js:59365:25) at ReflectiveInjector. getByKey (http://localhost:4200/main.bundle.js:59328:25 http://localhost:4200/main.bundle.js:59328:25) at ReflectiveInjector.get (http://localhost:4200/main.bundle.js:59137:21) at NgModuleInjector.get (http://localhost:4200/main.bundle.js:40181:52) at DebugAppView.

_View_AppComponent_Host0.createInternal (AppComponent_Host.ngfactory.js:16:70)ErrorHandler.handleError @ main.bundle.js:39553 main.bundle.js:39556 ERROR CONTEXT:ErrorHandler.handleError @ main.bundle.js:39556 main.bundle.js:39557 DebugContext_nodeIndex: 0_staticNodeInfo: (...)tplCol: 0_tplRow: 0_view: _View_AppComponent_Host0_animationListeners: Map_appEl_0: AppElement_currentDebugContext: DebugContext_el_0: app-root_hasExternalHostElement: trueanimationPlayers: ViewAnimationMapcdMode: 4changeDetectorRef: (...)clazz: _View_AppComponent_Host0(viewUtils,parentInjector,declarationEl)componentType: RenderComponentTypecontentChildren: Array[0]context: ObjectdeclarationAppElement: nulldestroyed: (...)flatRootNodes: (...)lastRootNode: (...)numberOfChecks: 0parent: (...)parentInjector: AppModuleInjectorprojectableNodes: Array[0]ref: ViewRef_renderer: DebugDomRendererstaticNodeDebugInfos: Array[1]type: 0viewChildren: Array[0]viewContainerElement: nullviewUtils: ViewUtils_proto: DebugAppViewcomponent: (...)componentRenderElement: (...)context: (...)injector: (...)providerTokens: (...)references: (...)renderNode: (...)source: (...)proto: ObjectErrorHandler.handleError @ main.bundle.js:39557 main.bundle.js:68741 Unhandled Promise rejection: Error in ./AppComponent class AppComponentHost - inline template:0:0 caused by: No provider for AngularFire! ; Zone: ; Task: Promise.then ; Value: ViewWrappedError Error: No provider for AngularFire! at NoProviderError.Error (native) at NoProviderError.BaseError as constructor http://localhost:4200/main.bundle.js:6281:34 at NoProviderError.AbstractProviderError as constructor http://localhost:4200/main.bundle.js:39266:16 at new NoProviderError (http://localhost:4200/main.bundle.js:39297:16) at ReflectiveInjector. throwOrNull (http://localhost:4200/main.bundle.js:59337:19 http://localhost:4200/main.bundle.js:59337:19) at ReflectiveInjector. getByKeyDefault (http://localhost:4200/main.bundle.js:59365:25 http://localhost:4200/main.bundle.js:59365:25) at ReflectiveInjector. getByKey (http://localhost:4200/main.bundle.js:59328:25 http://localhost:4200/main.bundle.js:59328:25) at ReflectiveInjector.get (http://localhost:4200/main.bundle.js:59137:21) at NgModuleInjector.get (http://localhost:4200/main.bundle.js:40181:52) at DebugAppView._View_AppComponent_Host0.createInternal (AppComponent_Host.ngfactory.js:16:70)consoleError @ main.bundle.js:68741 main.bundle.js:68743 Error: Uncaught (in promise): Error: Error in ./AppComponent class AppComponent_Host - inline template:0:0 caused by: No provider for AngularFire!(…)consoleError @ main.bundle.js:68743

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/r-vijay-r/masterbranchproject/issues/3, or mute the thread https://github.com/notifications/unsubscribe-auth/AQDkgBDbtwHcHhkzxSZrXNHPGbzvq3aYks5qvPF-gaJpZM4KK_N1 .