2017-03-15 1 views
3

を使用して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

何が起こっているのか分かりません。ありがとうございます。

答えて

0

jquery.stellarを追加する方法は次のとおりです。あなたはすでにあなたの依存関係として恒星のインストール あなただけの両方が罰金

に動作します。このライン require('jquery.stellar/jquery.stellar'); または require('jquery.stellar/jquery.stellar.js');を記述する必要があると仮定すると

関連する問題