Giter VIP home page Giter VIP logo

Comments (17)

salmaarsh06 avatar salmaarsh06 commented on May 30, 2024 3

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.

salmaarsh06 avatar salmaarsh06 commented on May 30, 2024 2

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.

salmaarsh06 avatar salmaarsh06 commented on May 30, 2024 1

@NMilicic : ok sure . i will try to create for this .

from ngx-bootstrap-product-tour.

NMilicic avatar NMilicic commented on May 30, 2024

@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.

evm2556 avatar evm2556 commented on May 30, 2024

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.

evm2556 avatar evm2556 commented on May 30, 2024

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.

salmaarsh06 avatar salmaarsh06 commented on May 30, 2024

@NMilicic : did you find any solution for it .

from ngx-bootstrap-product-tour.

igormap42 avatar igormap42 commented on May 30, 2024

Have the same problem in aot mode. Any idea how to solve it?

from ngx-bootstrap-product-tour.

evm2556 avatar evm2556 commented on May 30, 2024

I was not able to resolve this issue.

from ngx-bootstrap-product-tour.

evm2556 avatar evm2556 commented on May 30, 2024

I did do try that and got it working, but again, thats not using the bundled version.

from ngx-bootstrap-product-tour.

long241191 avatar long241191 commented on May 30, 2024

I Have the same problem in aot mode. Any idea how to solve it?

from ngx-bootstrap-product-tour.

salmaarsh06 avatar salmaarsh06 commented on May 30, 2024

@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.

NMilicic avatar NMilicic commented on May 30, 2024

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.

salmaarsh06 avatar salmaarsh06 commented on May 30, 2024

@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.

NMilicic avatar NMilicic commented on May 30, 2024

@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.

NMilicic avatar NMilicic commented on May 30, 2024

@salmaarsh06 did you manage to reproduce the issue?

from ngx-bootstrap-product-tour.

basithrehman avatar basithrehman commented on May 30, 2024

Any solution for this issue?

from ngx-bootstrap-product-tour.

Related Issues (18)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.