bn3t / generator-ngx-firebase-bootstrap Goto Github PK
View Code? Open in Web Editor NEWGenerator for Angular / Firebase / Bootstrap projects
Home Page: https://www.npmjs.com/package/generator-ngx-firebase-bootstrap
License: Other
Generator for Angular / Firebase / Bootstrap projects
Home Page: https://www.npmjs.com/package/generator-ngx-firebase-bootstrap
License: Other
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
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.