Estoy tratando de agregar archivos de script de terceros desde una carpeta pública en el archivo Next Js pages/_document.js como se muestra a continuación,
import { Html, Head, Main, NextScript } from 'next/document' import Script from 'next/script' export default function Document() { return ( <Html> <Head/> <body> <Main /> <NextScript /> <Script src="lib/js/jquery-3.3.1.min.js" strategy="beforeInteractive"/> <Script src="lib/js/bootstrap.min.js" strategy="beforeInteractive"/> <Script src="lib/js/jquery.nice-select.min.js" strategy="beforeInteractive"/> <Script src="lib/js/jquery-ui.min.js" strategy="beforeInteractive"/> <Script src="lib/js/jquery.slicknav.js" strategy="beforeInteractive"/> <Script src="lib/js/mixitup.min.js" strategy="beforeInteractive"/> <Script src="lib/js/owl.carousel.min.js" strategy="beforeInteractive"/> <Script src="lib/js/main.js" strategy="beforeInteractive" /> </body> </Html> ); }Mis archivos de script están en el directorio public/lib/js . Verifiqué ejecutando mi siguiente aplicación e inspeccioné y me di cuenta de que los scripts nunca se cargan. ¿Alguna sugerencia/idea de por qué los scripts no se cargan de esta manera?