包含 app.js Laravel 后，引导 javascript 不起作用答案

【问题标题】：Bootstrap javascript not working after including app.js Laravel包含 app.js Laravel 后，引导 javascript 不起作用
【发布时间】：2017-09-20 02:27:07
【问题描述】：

为了使用 Vue，我已包含 laravel app.js，但现在我的 Twitter Bootstrap 下拉菜单无法正常工作。

<script type="text/javascript" src="{!! asset('js/app.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/core/libraries/jquery.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/core/libraries/bootstrap.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/loaders/pace.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/loaders/blockui.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/ui/nicescroll.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/ui/drilldown.js') !!}"></script>

    <script type="text/javascript" src="{!! asset('assets/js/core/app.js') !!}"></script>

只要我删除第一个脚本（Laravel 的 app.js），下拉菜单就会再次正常工作。

【问题讨论】：

你的问题不太清楚。您是使用引导程序进行下拉还是使用 vue 填充下拉菜单？
@imrealashu 我正在使用引导程序进行下拉。现在我想使用 Vue 创建与下拉菜单没有任何关系的组件，但是一旦我包含 app.js 引导程序的下拉菜单就停止工作

标签： javascript php jquery twitter-bootstrap laravel

【解决方案1】：

Laravel 的默认 npm 包已经包含 Twitter Bootstrap javascript。现在您要执行两次相同的代码，这可能会导致错误并破坏您的下拉菜单，以及您页面上的所有其他 javascript。

【讨论】：

你是对的！删除 <script type="text/javascript" src="{!! asset('assets/js/core/libraries/bootstrap.min.js') !!}"></script> 后，它工作正常。谢谢！
对于其他想要删除 Laravel 包含的 boostrap 的人，boostrap.js 中有一行需要它（与 Twitter boostrap 无关）
你是我的英雄