Soy nuevo en el uso de Laravel Mix, no puedo agregar la biblioteca jquery estelar, me muestra este error, cuando intento ejecutar npm dev : No se encontró esta dependencia: * jquery.stellar en ./resources/assets/js/bootstrap. js
Pero ya lo instalé usando npm install --save jquery.stellar o npm install jquery.stellar
este es mi archivo webpack: webpack.mix.js:
const { mix } = require('laravel-mix'); /* |-------------------------------------------------------------------------- | Mix Asset Management |-------------------------------------------------------------------------- | | Mix provides a clean, fluent API for defining some Webpack build steps | for your Laravel application. By default, we are compiling the Sass | file for the application as well as bundling up all the JS files. | */ mix.js('resources/assets/js/app.js', 'public/js') ;aplicación.js:
/** * First we will load all of this project's JavaScript dependencies which * includes Vue and other libraries. It is a great starting point when * building robust, powerful web applications using Vue and Laravel. */ require('./bootstrap'); /*Ie10 windows phone fix*/ (function() { if (navigator.userAgent.match(/IEMobile\/10\.0/)) { var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild( document.createTextNode("@-ms-viewport{width:auto!important}") ); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } })(); /*Android fix*/ $(function () { var nua = navigator.userAgent var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1) if (isAndroid) { $('select.form-control').removeClass('form-control').css('width', '100%') } }); /*my code*/ $(document).ready(function () { $('.navbar-toggle').click(function () { $('.row-offcanvas').toggleClass('active'); }); var w = $(window); if (w.width() >= 768 ){ $('body').removeClass('margin-body'); $('nav[role="navigation"]').removeClass('navbar-fixed-top'); }else{ $('body').addClass('margin-body'); $('nav[role="navigation"]').addClass('navbar-fixed-top'); } $(window).stellar(); });bootstrap.js
window.$ = window.jQuery = require('jquery'); require('jquery.stellar'); require('bootstrap-less');Y en mi directorio node_modules hay un directorio jquery.stellar con 3 archivos: README.md,jquery.stellar.js, package.js
no se que pasa, gracias.
¡Así es como puede agregar jquery.stellar!
Suponiendo que ya instaló Stellar como su dependencia, solo tiene que escribir esta línea require( 'jquery.stellar/jquery.stellar' ); o require( 'jquery.stellar/jquery.stellar.js' ); ambos funcionan bien