Laravel 7.6.2 app.js 错误 app.js:3449 未捕获类型错误：无法将 object 转换为原始值

Question

如前所述，我使用 Laravel 7.6.2，当我单击导航栏切换按钮时，浏览器控制台中不断出现错误，如下图所示。

这是 css 和使用的脚本文件：

<link rel="dns-prefetch" href="//fonts.gstatic.com">
<!-- <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

<!-- Styles -->
<link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.min.css')}}">
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ asset('css/jomkurus.css') }}" rel="stylesheet">
<!-- Plugins -->
<script src="{{asset('fontawesome/js/all.js')}}"></script>

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script>

提前感谢您的建议。

Answer 1

我找到了这个问题的根本原因，似乎是因为 jQuery 3.5.0 版本问题。 目前解决方案是将jQuery降级到3.4.1版本。 讨论可以在这里找到。 github.com/twbs/bootstrap/issues/30553 我试过了，它有效！

Answer 2

jQuery 发布了 3.5.1，修复了这个错误（ jQuery 博客）。

您可以在项目中更新此模块：

npm install jquery@3.5.1
npm run dev