错误通过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出来-的即装即用。

希望这会有所帮助！