Comments (17)
I just copied the source code from lib folder here and added it to my source code . it finally worked .
PS: its not a solution but still a workaround .
from ngx-bootstrap-product-tour.
is ng serve working fine ?? u need to import everything from the copied folder now .
as i have kept it under assets . so now import statements go like this
import { NgxBootstrapProductTourService } from 'assets/ngx-bootstrap-product-tour';
from ngx-bootstrap-product-tour.
@NMilicic : ok sure . i will try to create for this .
from ngx-bootstrap-product-tour.
@evm2556 You don't need anything else, you just add NgxBootstrapProductTourModule.forRoot() to your module.
But this looks like some error with ngx-bootstrap.
What version of ngx-bootstrap are you using?
P.S. Maybe it will help you have demo src code here
from ngx-bootstrap-product-tour.
Im using ngx-bootstrap": "^2.0.5, "ngx-bootstrap-product-tour": "^2.0.2
. Ill continue to try and debug, im able to reproduce with ng serve --aot within my app. Now i can see non-bundled errors.
Looks like this issue. isaacplmann/ngx-tour#80
core.js:1449 ERROR Error: No component factory found for PopoverContainerComponent. Did you add it to @NgModule.entryComponents?
at noComponentFactoryError (core.js:3929)
at CodegenComponentFactoryResolver.resolveComponentFactory (core.js:3993)
at ComponentLoader.attach (component-loader.class.js:45)
at NgxBootstrapPopoverDirective.PopoverDirective.show (ngx-bootstrap-product-tour.es5.js:834)
at NgxBootstrapProductTourDirective.showTourStep (ngx-bootstrap-product-tour.es5.js:16150)
at NgxBootstrapProductTourService.showStep (ngx-bootstrap-product-tour.es5.js:16040)
at NgxBootstrapProductTourService.setCurrentStep (ngx-bootstrap-product-tour.es5.js:16022)
I downgraded to ngx-bootstrap 2.0.4, deleted from node_modules, and reinstalled/reset app. Same issue.
from ngx-bootstrap-product-tour.
The issue is that there are 2 references to PopoverContainerComponent. one from ngx-bootstrap-product-tour and one from ngx-bootstrap. When angular tries to resolve the reference it does
ngx-bootstrap-product-tour.PopoverContainerComponent === ngx-bootstrap.PopoverContainerComponent
and that fails.
Sorry if this doesnt make sense. If you npm install ngx-bootstrap-product-tour into an app you can see it in node_modules\ngx-bootstrap-product-tour\ngx-bootstrap-product-tour.es5.js
, trying to make a plunker for it now.
from ngx-bootstrap-product-tour.
@NMilicic : did you find any solution for it .
from ngx-bootstrap-product-tour.
Have the same problem in aot mode. Any idea how to solve it?
from ngx-bootstrap-product-tour.
I was not able to resolve this issue.
from ngx-bootstrap-product-tour.
I did do try that and got it working, but again, thats not using the bundled version.
from ngx-bootstrap-product-tour.
I Have the same problem in aot mode. Any idea how to solve it?
from ngx-bootstrap-product-tour.
@long241191 : there has been no soluion for that for now as i was unable to find it . but u can use the workaround that has been suggested above that is using the actual source code and adding it to your code.
from ngx-bootstrap-product-tour.
I'm sorry but I just can't reproduce the problem.
Can anyone make a plunker or repo containing soluting where I can reproduce the error?
from ngx-bootstrap-product-tour.
@NMilicic : ng serve --prod is always success but when we see on view , it shows error
Error: No component factory found for PopoverContainerComponent.
from ngx-bootstrap-product-tour.
@salmaarsh06 Can you put that in plunker or repo?
I've created a new angular app using angular-cli and I've installed using npm install ngx-bootstrap, bootstrap and ngx-bootstrap-tour.
Added some basic steps in the tour and everything seems to be working fine using ng serve --prod and ng serve --aot
from ngx-bootstrap-product-tour.
@salmaarsh06 did you manage to reproduce the issue?
from ngx-bootstrap-product-tour.
Any solution for this issue?
from ngx-bootstrap-product-tour.
Related Issues (18)
- Problem with AOT compilation in angular4 HOT 1
- Clicking anchors after tour ends displays empty popovers HOT 1
- Lazy loaded modules HOT 11
- Cannot redeclare block-scoped variable 'ngDevMode'. HOT 8
- Router error on angular5
- containerScrollTop is not defined HOT 3
- Pass boolean flag from one component to another component
- No component factory found. Did you add it to @NgModule.entryComponents? HOT 3
- Bootstrap 4 support
- tourService.end() called on Refresh.
- Can we add a image in popup?
- Angular 7 Support
- Error with build --prod ERROR in ./node_modules/ngx-bootstrap-product-tour/ngx-bootstrap-product-tour.es5.js 4:9
- Support for Angular 5 HOT 2
- ngx-bootstrap-product-tour is getting error as [email protected] is not supported with angular5 HOT 2
- unable to make it work on lazy load modules ngx-bootstrap-product-tour HOT 3
- Tour spanning multiple components HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-bootstrap-product-tour.