SmartWizard in Webpack

[garethfoxtrot]

Hi, it's possible add SmartWizard library to Webpack? Actuallly I added lib to file app.js in webpack as:

require("smartwizard"); or require('smartwizard')( window, $ );
$('#smartwizard').SmartWizard();

but in browser is the following error: Uncaught TypeError: jquery__WEBPACK_IMPORTED_MODULE_2___default(...)(...).SmartWizard is not a function.

It's possible fix this?

[techlab]

@garethfoxtrot I will check it, thanks for bringing it up.

[reidsneo]

any update?
I also occured a same issue

window.smartwizard = require('smartwizard');

$('#smartwizard').smartwizard();

jQuery.Deferred exception: $(...).smartwizard is not a function TypeError: $(...).smartwizard is not a function

tried using this project on laravel 8

[techlab]

Please follow the steps

Install required modules

npm i jquery
npm i smartwizard

// Webpack
npm install webpack webpack-cli style-loader css-loader --save-dev

Common JS/Webpack

var $ = require( "jquery" );
require( "smartwizard/dist/css/smart_wizard_all.css");
const smartWizard = require("smartwizard");

$(function() {
    $('#smartwizard').smartWizard();
});

OR

ES6/Babel

import $ from "jquery";
import "smartwizard/dist/css/smart_wizard_all.css";
import smartWizard from 'smartwizard';

$(function() {
    $('#smartwizard').smartWizard();
});