Quiero cargar una secuencia de comandos personalizada antes de la inicialización de jquery porque jquery se inicializa en el componente de diseño y cargo la secuencia de comandos en el componente de formulario que se basa en jquery.
import Head from 'next/head' import Script from 'next/script' import ClientLayout from '@/components/ClientComponents/ClientLayouts/Layout' import CreateForm from '@/components/ClientComponents/Goals/CreateForm' export default function Create() { const title = "Create goal"; return ( <ClientLayout> <Head> <title>{title}</title> {/* <script src="/assets/js/pages/custom/wizard/wizard-2.js"></script> I don't to want use this apporch */} </Head> <div className="container"> <CreateForm /> </div> <Script id="wizard-2-js" src="/assets/js/pages/custom/wizard/wizard-2.js" strategy="beforeInteractive" /> </ClientLayout> ); }Error
VM4893 wizard-2.js:201 Uncaught ReferenceError: jQuery is not defined at VM4893 wizard-2.js:201Este es mi archivo de diseño donde cargo todos los scripts
{/*begin::Global Theme Bundle(used by all pages)*/} <script src="/assets/js/KTAppSettings.js"></script> <script src="/assets/plugins/global/plugins.bundle.min.js"></script> <script src="/assets/plugins/custom/prismjs/prismjs.bundle.js"></script> <script src="/assets/js/scripts.bundle.js"></script> {/*end::Global Theme Bundle*/} {/*begin::Page Vendors(used by this page)*/} <script src="/assets/plugins/custom/fullcalendar/fullcalendar.bundle.js"></script> {/*end::Page Vendors*/}Estoy usando la versión 7 de metronic Tal vez carguen jquery en el archivo plugin plugins.bundle.min.js *