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