を使用して5.4プロジェクトをlaravelするjqueryの恒星のプラグインを追加します:./resources/assets/js/bootstrap.jsは、私はLaravelミックスを使用して新しいです、私は<strong>NPMの実行DEV</strong>をしようとすると、それは私に、このエラーを表示し、恒星のjQueryライブラリを追加する「カントミックス
で * jquery.stellarしかし、私はすでに--save jquery.stellarまたはNPMはjquery.stellar
をインストールNPMをインストールし使用してそれをインストールこれは私の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')
;
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ディレクトリにその中に3個のファイルとディレクトリjquery.stellarあり:README.mdは、 jquery.stellar.js、package.js
何が起こっているのか分かりません。ありがとうございます。