Not able to implement bootstrap tour in my application

[deepika231-max]

Hi, I am using Bootstrap tour in my application but not able to implement it Properly. angular json file: "node_modules/bootstrap-tour/build/css/bootstrap-tour.min.css" , "node_modules/bootstrap-tour/build/js/bootstrap-tour.min.js". But I am facing some errors . Please Refer to given below snapshots i.e, Screenshot1 , screenshot2, Screenshot3

Code:- var tour = new Tour({ steps: [ { element: "#step1", title: "1st Panel", content: "This is the first panel", placement: "bottom" }, { element: "#step2", title: "1st Panel", content: "This is the second panel", placement: "bottom" }, { element: "#step3", title: "1st Panel", content: "This is the third panel", placement: "bottom" } ],

    storage: false
  });
      tour.init();

    tour.start();

And if I am using "node_modules/bootstrap-tour/build/css/bootstrap-tour-standalone.min.css", "node_modules/bootstrap-tour/build/css/bootstrap-tour-standalone.min.js" My code works fine.But my bootstrap properties stops working.

[vivekksk]

I am also getting the same error bootstrap-tour.js:597 Uncaught TypeError: $element.data(...).tip is not a function at Tour._showPopover (bootstrap-tour.js:597) at Tour._showPopoverAndOverlay (bootstrap-tour.js:552) at Tour._showPopoverAndOverlay (bootstrap-tour.js:22) at HTMLBodyElement. (bootstrap-tour.js:717) at HTMLBodyElement.d.complete (jquery.min.js:3) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at i (jquery.min.js:3) at Function.r.fx.tick (jquery.min.js:3) at eb (jquery.min.js:3)

[IGreatlyDislikeJavascript]

The original developers of Tour aren't maintaining it any more. You may want to try my fork, which fixes many issues and adds many requested features. It's a drop in replacement: Bootstrap Tourist

[deepika231-max]

I have replaced with driver.js - https://github.com/kamranahmedse/driver.js?files=1 And Its exactly the same that I was looking for.