hasanhatem
1 month ago
200
1
Mix

when i required Selectize js in Laravel mix it get me error is not a function

Posted 1 month ago by hasanhatem

Hello guys.

I use laravel mix. and i install Selectize.js with npm.

and i have selectize folder in

node_modules/selectize

i required selectize.js in bootstrap.js like that:

window._ = require('lodash');

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');

    // Get ckeditor
    window.CKEDITOR_BASEPATH = 'http://localhost/momtaz_academy/node_modules/ckeditor/';
    require('ckeditor');
    required('selectize');
    
} catch (e) {}

/**
 * We'll load the axios HTTP library which allows us to easily issue requests
 * to our Laravel back-end. This library automatically handles sending the
 * CSRF token as a header based on the value of the "XSRF" token cookie.
 */

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

when i use selectize.js like that:

$('#city_id').selectize();

the console get me error:

Uncaught TypeError: $(...).selectize is not a function
    at HTMLDocument.<anonymous> (app.js:34112)
    at mightThrow (app.js:6916)
    at process (app.js:6984)

how can i solve it

Please sign in or create an account to participate in this conversation.