Javascript 使用mix将jquery stellar插件添加到laravel 5.4项目中
我是新使用Laravel Mix的,我不能添加jquery库stellar,当我尝试npm运行dev时,它显示了这个错误: 未找到此依赖项: *jquery.stellar in./resources/assets/js/bootstrap.jsJavascript 使用mix将jquery stellar插件添加到laravel 5.4项目中,javascript,jquery,node.js,laravel-5,laravel-mix,Javascript,Jquery,Node.js,Laravel 5,Laravel Mix,我是新使用Laravel Mix的,我不能添加jquery库stellar,当我尝试npm运行dev时,它显示了这个错误: 未找到此依赖项: *jquery.stellar in./resources/assets/js/bootstrap.js window.$ = window.jQuery = require('jquery'); require('jquery.stellar'); require('bootstrap-less'); 但是我已经使用npm install——保存j
window.$ = window.jQuery = require('jquery');
require('jquery.stellar');
require('bootstrap-less');
但是我已经使用npm install——保存jquery.stellar或npm install jquery.stellar安装了它
这是我的网页包文件:
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')
;
app.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');
在我的node_modules目录中有一个jquery.stellar目录,其中包含3个文件:README.md、jquery.stellar.js、package.js
我不知道发生了什么,谢谢。下面是如何添加jquery.stellar 假设您已经安装了stellar作为您的依赖项 您只需编写这一行
require('jquery.stellar/jquery.stellar')代码>
或者require('jquery.stellar/jquery.stellar.js')代码>两者都可以正常工作