Estoy tratando de implementar selectize.js dentro de mi proyecto con webpack y mecanografiado.
Primero instalé selectize.js y tipos relacionados:
yarn add @selectize/selectize yarn add @types/select2En mi código inserté esto:
require("selectize")(); jQuery(function($){ $(document).ready(function(){ $('.classic-select').selectize(); }); });El código compila correctamente pero cuando voy a ejecutarlo en consola me sale este error y no entiendo a que se refiere:
Cannot read properties of undefined (reading '0')¿Puedes ayudarme a resolver este problema?
Gracias de antemano danilo
Después de varios intentos, descubrí cómo implementar correctamente selectize.
Primero importé jquery y seleccioné así:
import $ from 'jquery'; import 'selectize'; // globally assign select2 fn to $ elementLuego usé selectize
jQuery(function($){ $(document).ready(function(){ (<any>$('.classic-select')).selectize(); }); });También puedes implementarlo así
$(() => { (<any>$('.classic-select')).selectize(); });Si compila el código, también se importará la biblioteca jquery. Si ya se ha llamado a jquery en su código, puede excluirlo de la compilación a través del paquete web:
externals: { jquery: 'jQuery' }¡Espero que sea útil!