bn3t / generator-ngx-firebase-bootstrap Goto Github PK

When I run ng test on a fresh install of this generator, each test that's already built-in gives me the following error

Failed: Cannot set property 'stack' of undefined
    TypeError: Cannot set property 'stack' of undefined
        at NoProviderError.set [as stack] (webpack:///~/@angular/core/src/facade/errors.js:64:31 <- src/test.ts:6511:61)
        at assignAll (webpack:///~/zone.js/dist/zone.js:704:0 <- src/test.ts:90940:29)
        at NoProviderError.ZoneAwareError (webpack:///~/zone.js/dist/zone.js:775:0 <- src/test.ts:91011:16)
        at NoProviderError.BaseError [as constructor] (webpack:///~/@angular/core/src/facade/errors.js:26:0 <- src/test.ts:6473:16)
        at NoProviderError.AbstractProviderError [as constructor] (webpack:///~/@angular/core/src/di/reflective_errors.js:53:0 <- src/test.ts:47872:16)
        at new NoProviderError (webpack:///~/@angular/core/src/di/reflective_errors.js:102:0 <- src/test.ts:47921:16)
        at ReflectiveInjector_._throwOrNull (webpack:///~/@angular/core/src/di/reflective_injector.js:994:0 <- src/test.ts:68688:19)
        at ReflectiveInjector_._getByKeyDefault (webpack:///~/@angular/core/src/di/reflective_injector.js:1031:0 <- src/test.ts:68725:25)
        at ReflectiveInjector_._getByKey (webpack:///~/@angular/core/src/di/reflective_injector.js:981:0 <- src/test.ts:68675:25)
        at ReflectiveInjector_.get (webpack:///~/@angular/core/src/di/reflective_injector.js:743:0 <- src/test.ts:68437:21)
        at TestBed.get (webpack:///~/@angular/core/bundles/core-testing.umd.js:818:0 <- src/test.ts:20075:67)
        at CompiledTemplate.proxyViewClass.AppView.injectorGet (webpack:///~/@angular/core/src/linker/view.js:152:0 <- src/test.ts:69446:45)
        at CompiledTemplate.proxyViewClass.DebugAppView.injectorGet (webpack:///~/@angular/core/src/linker/view.js:580:0 <- src/test.ts:69874:49)
        at CompiledTemplate.proxyViewClass.View_AppComponent_Host0.createInternal (/DynamicTestModule/AppComponent/host.ngfactory.js:15:63)
        at CompiledTemplate.proxyViewClass.AppView.createHostView (webpack:///~/@angular/core/src/linker/view.js:108:0 <- src/test.ts:69402:21)

I have used this generator in previous apps with the same release, and this was not a problem. It seems to somehow be related to fixture.detectChanges() in app.component.spec.ts, but I can't figure it out.

Everything worked perectly on localhost,
but I don't get the same index file after deploying.

Q:
Are you sure 'dist' folder is correct.

Thanks for great software.
Rob

From instructions:

In a nutshell:

$ firebase init
 
> Choose Hosting
> Accept default database.rules.json
> Choose 'dist' as your public directory
> Enter 'yes' for rewrite all urls to index.html

This issue is only meant to store image on the githubusercontent cdn for being referenced from the README.md of the project.

A basic routing setup would go a long way in this generator.

Good work, all the same.

When I type the command "ng serve" the following error appears, "You have to be inside an angular-cli project in order to use the serve command."
Do you have any Idea why this may be happening?
I'm using the following:
Thank you bn3t !
angular-cli: 1.0.0-beta.28.3
node: 7.4.0
os: darwin x64
mys-iMac:~ my$

Also I'm getting some UNMET PEAR DEPENDENCIES when generating a new project:

yoang2firebaseboot
├─┬ @angular/[email protected]
...
├── UNMET PEER DEPENDENCY @angular/[email protected]
...
├── UNMET PEER DEPENDENCY @angular/[email protected]
...
├─┬ UNMET PEER DEPENDENCY [email protected]
...
└── [email protected]

npm WARN [email protected] requires a peer of tslint@^3.9.0 but none was installed.
npm WARN [email protected] requires a peer of @angular/compiler@~2.2.0 but none was installed.
npm WARN [email protected] requires a peer of @angular/core@~2.2.0 but none was installed.

mys-iMac:yoang2firebaseboot my$ ng serve

You have to be inside an angular-cli project in order to use the serve command.
mys-iMac:yoang2firebasebootmy$

Apparently the reference to ng2-bootstrap is outdated. I am receiving the following error messages when trying to ng serve the project.

ERROR in C:/work/meisterwerk/midge/web-app/src/app/app.module.ts (14,27): Cannot find module 'ng2-bootstrap'.
ERROR in C:/work/meisterwerk/midge/web-app/src/app/app.component.spec.ts (7,27): Cannot find module 'ng2-bootstrap'.`

After changing the references in those two files to 'ngx-bootstrap' the project compiles without problems.

Also see https://www.npmjs.com/package/ng2-bootstrap

this package was renamed to ngx-bootstrap

When registering with a new user, get this error in Chrome (Version 68.0.3440.106 (Official Build) (64-bit)):
login:1 [DOM] Found 2 elements with non-unique id #email: (More info: https://goo.gl/9p2vKq) <input _ngcontent-c4 class=​"form-control ng-untouched ng-pristine ng-invalid" id=​"email" name=​"email" required type=​"text" ng-reflect-required ng-reflect-form=​"[object Object]​">​ <input _ngcontent-c5 class=​"form-control ng-untouched ng-pristine ng-invalid" id=​"email" name=​"email" required type=​"text" ng-reflect-required ng-reflect-form=​"[object Object]​">​
And user is automatically logged in, so if navigating back it shows logged in user info with assigned user ID.

On Firefox (61.0.2 (64-bit), nothing happens when hitting registration button, no registration confirmation, and when navigating back, new user is logged in. There's a warning in the console:
Use of Mutation Events is deprecated. Use MutationObserver instead.

As a whole, looks like the registration form is broken.

When registering an already existing user, form doesn't react either, but navigating back has no one logged in.