Toastr 没有出现在 laravel 5.4 中答案

【问题标题】：Toastr not showing up in laravel 5.4Toastr 没有出现在 laravel 5.4 中
【发布时间】：2019-01-19 10:44:03
【问题描述】：

我尝试使用 Toast 通知，我想我已经包含了所有内容。可以在操作后生成的页面源上看到，但没有在页面上显示通知。

包括：

<link href="{{ asset('css/toastr.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/toastr.min.js') }}"></script>

来电：

<script>
    @if(Session::has('success'))
        toastr.success("{{ Session::get('success') }}")
    @endif
</script>

控制器：

$this->validate($request, [
  'name' => 'required'
]);

$category = new Category; // create instance

$category->name = $request->name; //  take name from form request
$category->save(); // save it to database

Session::flash('success', 'Category Has Been Created :D');

return redirect()->route('categories');

并且下图显示代码已经成功通过：

【问题讨论】：

这是 CodeSeven/toastr 库吗？！
是的！是从这里来的吗：codeseven.github.io/toastr
jQuery 是必需的。你的页面中导入了 jQuery 吗？
是的，我有：
你能知道问题吗！！

标签： jquery laravel laravel-5 laravel-5.4

【解决方案1】：

我最近遇到了这个问题。为了解决这个问题，我确保了以下几点：

（在你的情况下可能是第 4 点）

1) 在布局文件中链接 toastr.css 和 toastr.js

<link href="{{ asset('css/toastr.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/toastr.min.js') }}"></script>

2) 不要在标记中使用defer 属性

<script src="{{ asset('js/toastr.min.js') }}" defer></script>

应该是：

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

3) 导入jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

4) 在 toastr 之前加载 jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="{{ asset('js/toastr.min.js') }}"></script>

5) 确保拼写正确，functions 等

【讨论】：

【解决方案2】：

我只是确保我的脚本加载到代码底部的标签之前，这就解决了我的问题。 `

<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="{{ asset('js/app.js') }}" ></script>
<script src="{{ asset('js/toastr.min.js') }}" ></script>
<script>
    @if(Session::has('success'))

    toastr.success("{{ Session::get('success')}}")
    @endif

    @if(Session::has('info'))

    toastr.info("{{ Session::get('info')}}")
    @endif
</script>

</body>
</html>`

最初我把它放在标签内

【讨论】：