Laravel 5.5にJSライブラリを含める

私は、JQueryのようなライブラリをどのように組み込むかに関するドキュメントのthisページを読んでいます。 jQueryのは、私は周りを見回した、そしてそこにそれがpublic/js/app.jsで参照し、使用され、この後に魔法のように利用できるようになっていなかったのでLaravel 5.5にJSライブラリを含める

npm install jquery 
npm run dev

：私はこのように進みました。だから、私はマスターレイアウトファイルで次の行を使いました。そして今、私はJQueryを使うことができます。

<script src="{{asset('js/app.js')}}"></script>

私はどこでもオンラインなど回避策を見ていないので、私の質問は、私は右のそれをやっているのですか？さらに、コンソールでこのエラーが発生します。

TypeError: window.Laravel is undefined[Learn More] http://localhost/js/app.js:1697:1 webpack_requirehttp://localhost/js/app.js:20:12 http://localhost/js/app.js:778:1 webpack_requirehttp://localhost/js/app.js:20:12 http://localhost/js/app.js:41491:1 webpack_requirehttp://localhost/js/app.js:20:12 http://localhost/js/app.js:66:18 http://localhost/js/app.js:1:11

出典

2017-06-16 Makan Tayebi

これはlaravel 5.4 ... – Fahmi

Laravel 5.5にはjQueryが付属しています。実際には何もする必要はありません。

あなたのエラーはCSRFトークンに関連しているようです。 window.Laravel is undefined

HTMLファイルの<head></head>セクションを追加してください。

<script> 
    window.Laravel = {!! json_encode([ 
     'csrfToken'=>csrf_token() 
    ]) !!} 
</script>

出典

2017-06-16 15:20:00

だから、質問に戻る。私は一般にJSライブラリをどのように含めることができますか？ –

@MakanTayebiだから、初めてLaravelを使うと、 'app.js'の中に' bootstrap.js'というファイルがあります。 'bootstrap.js'はすでにjQueryをすぐに設定しています。 HTMLファイルの中に 'app.js'スクリプトをリンクするだけで、必要なのはこれだけです。私が言ったように、あなたの問題はLaravel CSRFトークンかもしれません。コードブロックについては、上記の答えを参照してください。 –

これは、Laravel 5.4と5.5の両方にjQueryを組み込む最も直接的な方法です。しかし、これは唯一の方法でも、最善の方法でもないかもしれません。 Laravelでは、外部またはカスタムのJSライブラリを少なくとも2つの方法で組み込むことができます。

方法A：Laravelミックスなし

方法B：Laravelミックス（NPMランDEV /生産）で

Laravelはファイルresources/assets/js/bootstrap.jsでは、方法Bを使用してjQueryのを含みます。

resources/assetsの変更を有効にするには、プロジェクトディレクトリの下でnpm run dev/productionを最初に実行する必要があります。これは、全てのJSファイルは、ビューの

<head>...</head>

ブロックにおける

<script src="{{asset('js/app.js')}}"></script>

を含めて使用することができる単一のファイルpublic/js/app.js、にassets/js/に含まれる組み合わせ。 window.Laravel is undefinedエラーに関しては

、この

<script> 
    window.Laravel = {!! json_encode([ 
     'csrfToken' => csrf_token(), 
    ]) !!}; 
</script>

もpublic/js/app.js前に必要とし、すべてのビューファイルの<head>...</head>に必要とされます。

出典

2017-10-07 03:40:54

Laravel 5.5にJSライブラリを含める

答えて

関連する問題