Issue: Bootstrap Tour Error with 'tip' property

[vijayan108]

Issue: Uncaught TypeError: Cannot read properties of undefined (reading 'tip')

Description:

I'm facing a challenge when trying to implement a tour on my website using the Bootstrap Tour library. While the tour correctly identifies the elements, it fails to display the content and title as expected.

Code Sample:

function startTour() {
    var labtour = new Tour({
        name: "labtour",
        storage: window.localStorage,
        debug: true,
    });

    labtour.addSteps([{
        element: "#lab-tour",
        title: "Lab",
        content: "This is the lab. You can create and manage your experiments here.",
        placement: "bottom",
        backdrop: true,
        animation: true,
    }, {
        element: "#lab-tour-1",
        title: "Lab",
        content: "This is the lab. You can create and manage your experiments here.",
        placement: "right",
        backdrop: true,
        animation: true,
    }]);
    labtour.init();
    labtour.start();
}

Error Stack Trace:

bootstrap-tour.js:597  Uncaught TypeError: Cannot read properties of undefined (reading 'tip')
    at Tour._showPopover (bootstrap-tour.js:597:113)
    at Tour._showPopoverAndOverlay (bootstrap-tour.js:552:18)
    at Tour._showPopoverAndOverlay (bootstrap-tour.js:22:61)
    at HTMLBodyElement.<anonymous> (bootstrap-tour.js:717:31)
    at r.complete (jquery.min.js?_=v0.4-beta-555-gb4f99e00:2:62910)
    at c (jquery.min.js?_=v0.4-beta-555-gb4f99e00:2:28327)
    at Object.fireWith [as resolveWith] (jquery.min.js?_=v0.4-beta-555-gb4f99e00:2:29072)
    at u (jquery.min.js?_=v0.4-beta-555-gb4f99e00:2:59642)
    at S.fx.tick (jquery.min.js?_=v0.4-beta-555-gb4f99e00:2:64608)
    at ot (jquery.min.js?_=v0.4-beta-555-gb4f99e00:2:58967)
    

Additional Context:

All dependencies have been verified to load correctly and in the appropriate order. I'm seeking insights or suggestions to resolve this issue.

[zthomas1]

I am having the exact same issue when running with bootstrap 5.3

[whsimonds]

Getting the same issue

[zthomas1]

for what its worth, we decided to switch our application to drivers js for this functionality.

[vijayan108]

but someone recommend me any like bootstrap tour but it should has path like where i can able show the tour for different path also because tour application are showing in single page