Quiero implementar esto en mi aplicación Next.js
https://codepen.io/Lemonzillah/pen/rmQLRm
Traté de agregar las dos bibliotecas necesarias para que esto funcione en el archivo _document.js y luego vincular el código js en el control deslizante de texto desde /public
<Main /> <NextScript /> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="public/text-Slider.js"></script>Pero no funciona, de alguna manera, no muestra ningún error. Ahora mismo está funcionando. ¡Espero que puedas ayudarme!
Ante todo. Se recomienda no usar jquery en la aplicación react o next js.
Luego, si desea usar jquery en la próxima aplicación js, puede usar el siguiente documento. .
import Document, { Html, Head, Main, NextScript } from 'next/document' class MyDocument extends Document { static async getInitialProps(ctx) { const initialProps = await Document.getInitialProps(ctx) return { ...initialProps } } render() { return ( <Html> <Head> **Here you can use custom css link or font link like bootstrap cdn </Head> <body> <Main /> <NextScript /> </body> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="public/text-Slider.js"></script> </Html> ) } } export default MyDocumentPuede usar ahora slick llamando al enlace cdns del control deslizante slick en script y css. Y usarlos. Se recomienda usar React slick en la próxima aplicación js