私は Laravel Mix を初めて使用します。jquery ライブラリ stellar を追加できません。 npm run devを試すと、このエラーが表示されます。 js
しかし、私はすでにnpm install --save jquery.stellarまたはnpm install jquery.stellarを使用してインストールしました
これは私の 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();
});
ブートストラップ.js
window.$ = window.jQuery = require('jquery');
require('jquery.stellar');
require('bootstrap-less');
そして、私の node_modules ディレクトリには、3 つのファイルを含む jquery.stellar ディレクトリがあります: README.md、jquery.stellar.js、package.js
何が起こっているのかわかりません、ありがとう。