我是Laravel的新手Laravel和Laravel的教程Laravel 5.4
我閱讀了Laravel mix以及如何使用Webpack Laravel Mix工具編譯我們的資產。所以我嘗試添加一個JavaScript包
1-安裝的AlertifyJS使用npm。
2-增加require('alertifyjs')
in resources\assets\js\bootstrap.js
3-執行npm run dev
。資產被編譯爲public\js\app.js
,在那裏我可以看到alertifyjs代碼通過查找alertify關鍵字。
我資源使用alertify代碼像下面\資產\ JS \ app.js:
使用npm安裝JS包並使用webpack編譯laravel mix
`$(document).ready(function(){
$('.run').on('click' , function(event){
alertify.alert("This is an alert dialog.", function(){
alertify.message('OK');
});
});
});`
查看文件:
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading text-center"><h2>THIS WILL BE THE HOME PAGE<h2></div>
<div class="panel-body text-center">
Home Page Content Goes Here!
</div>
<button class="run">Show Alert</button>
</div>
</div>
</div>
</div>
@endsection
問題:當我點擊按鈕顯示警告,
警告未定義錯誤記錄到控制檯。我在編譯資產時錯過了些什麼?
被包含在任一刀片組件的HTML你app.js文件? – Drazxier
是的。 'app.blade.php',它的佈局文件 – awebartisan
不知何故,'alertify's'所有代碼都被編譯並放在我的'public \ js \ app.js'下,這就是爲什麼'undefined'錯誤被拋出的原因 – awebartisan