goToStep raise error not a function

[jkronegg]

Description

I have several tags with data-intro properties and I want to start the intro in the middle. There is a minimalistic example which reproduce this behavior:

<span data-intro="span1">I'm a SPAN</span>
<span data-intro="span2">I'm a SPAN</span>
<button onclick="introJs().goToStep(2).start()">Run</button>

The Javascript code is written as described in https://introjs.com/docs/intro/api

Expected Behavior

I expects the Intro Step displaying span2.

Actual Behavior

The following error message appear in the javascript console:

"TypeError: introJs().goToStep(...).start is not a function"

Example

This behavior can be tested in https://jsfiddle.net/jkronegg/92pamcoe/2/ (click the Run button).

Note that the same error occurs when calling functions goToStepNumber or nextStep (as specified in https://introjs.com/docs/intro/api ).

However, when writing:

introJs().start().then(x => x.goToStep(2))

then the Intro Step span2 is displayed as expected.

Environment (optional)

Firefox 120.0
IntroJS 7.2.0

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Cris123m]

I have the same problem using the CDN.