錯誤通過NPM

Question

上Laravel安裝SweetAlert當我運行$ NPM安裝sweetalert --save-dev的

我得到

"sweetalert": "^1.1.3" 

保存到我的package.json

我運行$ NPM運行dev編譯與webpack加載成功

app.js文件但是，當我嘗試使用該模塊，例如

<script> 
    sweetAlert("Hello world!"); 
</script> 

我得到Uncaught ReferenceError: sweetAlert is not defined

我也嘗試過用「./node_」和「../node_」和‘/ node_’的組合，以引用我的頭的js和css文件等

<script src="node_modules/sweetalert/dist/sweetalert.min.js"></script> 
<link rel="stylesheet" type="text/css" href="node_modules/sweetalert/dist/sweetalert.css"> 

我在想什麼？

Answer 1

添加require('sweetalert')您app.js文件例如爲：

require('./bootstrap'); 

require('sweetalert'); 

然後再次運行npm run dev。

最後，只要確保<script src="{{ mix('js/app.js') }}"></script>高於

<script> 
    sweetAlert("Hello world!"); 
</script> 

NB上述假設你沒有改變的路徑/文件名與laravel出來-的即裝即用。

希望這會有所幫助！