我用auth安装了一个新的laravel 7项目,并用bootstrap studio创建了一个简单的模板。在将模板集成到laravel项目中后,除了没有展开的切换菜单(汉堡包(之外,其他一切都运行得很好。
奇怪的是,如果我再次集成bootstrap和jquery-cdn,尽管它们默认包含在app.js中,但切换菜单有效:
<script src="{{ asset('js/app.js') }}"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
laravel中是否包含了bootstrap和jquery的简化版本,或者这可能是什么?
1( 安装laravel/ui包:
composer require laravel/ui
2( 生成引导脚手架:
php artisan ui bootstrap
或者,如果您使用Laravel身份验证:
php artisan ui bootstrap --auth
3( 完成后,不要忘记使用Laravel mix编译您的资产:
npm run dev
注意:由于jQuery是Bootstrap 4的依赖项,它将与Bootstrap脚手架一起自动安装,并在js/app.js
文件中编译。
关于Laravel前端的更多信息:
- https://laravel.com/docs/7.x/frontend#introduction
我在github上发现了这个问题。据报道,这似乎是由jquery引起的,可以通过将jquery从3.5.0版本降级到3.4.1。
https://github.com/laravel/ui/issues/91