0
339
ViewsCómo cargar archivos de script en el proyecto Nuxt Js correctamente
Estoy tratando de usar una plantilla HTML/CSS/JS, que contiene JQuery, complementos y algunos otros archivos de script, en un proyecto Nuxt JS. He incluido todos los archivos de script en el archivo nuxt.config.js . Cada vez que ejecuto el proyecto obtengo estos errores: \
Este es mi archivo nuxt.config.js :
... script: [ { src: "/js/jquery-2.1.4.min.js", }, { src: "/js/mfn.menu.js", body: true, }, { src: "/js/jquery.jplayer.min.js", body: true, }, { src: "/js/animations.js", body: true, }, { src: "/js/translate3d.js", body: true, }, { src: "/js/scripts.js", body: true, }, { src: "/plugins/jquery.themepunch.tools.min.js", body: true, }, { src: "/plugins/jquery.themepunch.revolution.min.js", body: true, }, { src: "/plugins/revolution.extension.video.min.js", body: true, }, { src: "/plugins/revolution.extension.slideanims.min.js", body: true, }, { src: "/plugins/revolution.extension.actions.min.js", body: true, }, { src: "/plugins/revolution.extension.layeranimation.min.js", body: true, }, { src: "/plugins/revolution.extension.kenburn.min.js", body: true, }, { src: "/plugins/revolution.extension.navigation.min.js", body: true, }, { src: "/plugins/revolution.extension.migration.min.js", body: true, }, { src: "/plugins/revolution.extension.parallax.min.js", body: true, }, { src: "/js/on.load.js", body: true, }, ...¿Alguien podría decirme qué estoy haciendo mal, por favor?
1 answers
Answer question0
Muy bien, aquí está la respuesta para los scripts de terceros: https://stackoverflow.com/a/67535277/8816585
Y aquí está cómo configurar jQuery en un proyecto Nuxt: https://stackoverflow.com/a/68414170/8816585
Además, lea la documentación de los complementos para asegurarse de cómo usarlos. Y prefiera usar paquetes npm en lugar de importar algún archivo min.js estático.
Incluso diría que prefiero evitar los paquetes jQuery tanto como sea posible, ya que Vue le brinda todas las capacidades de jQuery y aún más, tener ambos es una pérdida de JS (impacta el rendimiento para el usuario final).
Si aún tiene algunos problemas después de esos (léase detenidamente), ¡no dude en actualizar su pregunta con cualquier información adicional!