Javascript Laravel 5.7中的自举下拉问题

Javascript Laravel 5.7中的自举下拉问题,javascript,php,laravel,popper.js,Javascript,Php,Laravel,Popper.js,我昨天开始了一个新的拉威尔项目。跟随YouTube上一个人的指导。在我安装了laravel auth并意识到引导下拉列表都不起作用之前,一切都正常,即使我从他们的网站上创建了一个新的下拉列表 首先,我认为我在《作曲家》中搞糟了一些东西,因为我想摆脱自举,后来我改变了主意,把它放了回去。然后我创建了一个新的Laravel项目,重新开始。即使这样,我的下拉列表也不起作用。我在谷歌上查过类似的问题,但都没有帮助。你的引导程序似乎根本没有加载。确保在视图中包含引导库。如果您使用的是WebPack,请检查

我昨天开始了一个新的拉威尔项目。跟随YouTube上一个人的指导。在我安装了laravel auth并意识到引导下拉列表都不起作用之前,一切都正常,即使我从他们的网站上创建了一个新的下拉列表


首先,我认为我在《作曲家》中搞糟了一些东西,因为我想摆脱自举,后来我改变了主意,把它放了回去。然后我创建了一个新的Laravel项目,重新开始。即使这样,我的下拉列表也不起作用。我在谷歌上查过类似的问题,但都没有帮助。

你的引导程序似乎根本没有加载。确保在视图中包含引导库。如果您使用的是WebPack,请检查是否将外部库混合到一个库中,并将该库包含在主刀片文件中。

我遇到了相同的问题,这是因为引导程序没有正确加载,我只是通过将此链接粘贴到
标记中来解决

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

并将其粘贴到
标记的下部区域

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

默认情况下,bootstrap.bundle.js不包含在您的Laravel应用程序中。要添加以下内容:

打开
'resources/js/bootstrap.js'
文件,并在该文件的最后一行添加以下代码

require('bootstrap/dist/js/bootstrap.bundle');

点击save and run
npm run dev
,它将最终工作

有时您应该更改脚本链接的顺序,以使其正常工作

调试步骤如下:-打开浏览器开发控制台并检查是否有任何错误,例如,由于缺少jquery脚本,引导库无法加载。检查项目中有哪个版本的引导。除了下拉菜单之外,其他一切都正常吗?共享一些代码,以便我们可以提供帮助。控制台中没有错误。正如我在package.json文件中看到的,我运行了“引导”:“^4.0.0”和“popper.js”:“^1.12”。那么您希望看到代码的哪一部分呢?因此,遵循文档对您来说很好?这意味着您的引导程序根本没有被加载。确保在视图中包含引导库。如果您正在使用webpack,请检查是否将外部库混合到一个库中,并将该库包含在主刀片文件中。好的,我已将
添加到我的主刀片标签中,现在它似乎可以工作(除了所有其他没有按钮的示例),但现在我的控制台中出现了一个错误。app.js:37421[Vue warn]:找不到元素:#app感谢您的贡献。您的建议可能会有所帮助,但根据SO指南,它更像是一条评论,而不是一个完整、完整的答案。请更新有关如何执行您的建议的详细信息。链接也可以,但需要注意的是,相关信息也必须嵌入到您的帖子中,因此即使页面上的信息发生更改或链接不可用,链接也是有效的。仅链接&不鼓励回答不完整,可能会被删除。请记住,SO上的大多数答案都需要解决OP问题所需的精确代码。或者干脆发表评论,这并不能回答这个问题。一旦你有足够的钱,你将能够;相反-