laravel - Laravel Bootstrap 导航栏折叠
问题描述
我正在 Laravel 中开发一个应用程序,当我按下它时我的折叠按钮不起作用,控制台说“TypeError:无法将配置转换为字符串 3 app.js:3449:52
我的 package.json 是:
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"axios": "^0.19",
"bootstrap": "^4.4.1",
"cross-env": "^7.0",
"jquery": "^3.2",
"laravel-mix": "^5.0.1",
"lodash": "^4.17.13",
"popper.js": "^1.12",
"resolve-url-loader": "^2.3.1",
"sass": "^1.20.1",
"sass-loader": "^8.0.0",
"vue": "^2.5.17",
"vue-template-compiler": "^2.6.10"
}
}
我崩溃的代码是这样的
<nav class="navbar bg-white shadow-sm navbar-light">
<div class="container">
<a class="navbar-brand" href="{{ route('home') }}">
{{ config('app.name') }}
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link {{ setActive('home') }}" href="{{ Route('home')}}">Home</a>
</li>
{{--<li class="nav-item">
<a class="nav-link {{ setActive('login') }}" href="{{ Route('login')}}">Login</a>
</li>--}}
<li class="nav-item">
<a class="nav-link {{ setActive('contact') }}" href="{{ Route('contact')}}">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link {{ setActive('cookies') }}" href="{{ Route('cookies')}}">Cookies</a>
</li>
<li class="nav-item">
<a class="nav-link {{ setActive('legal') }}" href="{{ Route('legal')}}">Legal</a>
</li>
<li class="nav-item">
<a class="nav-link {{ setActive('policy') }}" href="{{ Route('policy')}}">Policy</a>
</li>
</ul>
</div>
</div>
</nav>
我签入了 Firefox 和 chrome,我正在 ubuntu 16.04 中开发
解决方案
解决了这个
npm remove jquery
npm install jquery@~3.4.1
谢谢大家
推荐阅读
- abaqus - 如何修改纤维增强执行器 FEA 建模?
- javascript - 如何制作仅在您输入确切网址时才提交的 JQuery 脚本
- python - tf.print 不在控制台中打印打印件
- java - 我正在尝试传递一个包含 ArrayList 和其他一些变量的对象
- javascript - 如何使用 Node.js 将单个浮点变量从客户端流式传输到后端?
- ruby-on-rails - 在 activerecord 查询中使用 in_groups_of 进行 Rails kaminari 分页
- swift - 如何将用户使用 uiimagepicker 导入的图像一直移动到 ui 图像视图的右侧?
- java - 如何在进行 API 调用之前获取 authToken
- python - 切片 3D 数组 numpy
- c - CS50 结果发狂,我不知道为什么