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.