集成模板时的Javascript文件链接问题

我在开始在我的网站上使用javascript文件时遇到了一些问题。当我将模板集成到我的Laravel项目中时，网站（master.blade.php）已经链接了一些javascript文件。但是现在，我想在master.blade.php文件中添加一个名为app.js vue文件的新javascript文件。添加此vue文件后，设计部分已被分解。现在，我该如何解决这个问题

下面是master.blade.php文件的javascript文件链接部分

这是旧的：

<script type="text/javascript" src=" 
{{asset('local_agent\files\bower_components\jquery\js\jquery.min.js')}}"></script>
<script type="text/javascript" src="{{asset('local_agent\files\bower_components\jquery-ui\js\jquery-ui.min.js')}}"></script>
<script type="text/javascript" src=" 
 {{asset('local_agent\files\bower_components\popper.js\js\popper.min.js')}}"></script>
<script type="text/javascript" src=" 
 {{asset('local_agent\files\bower_components\bootstrap\js\bootstrap.min.js')}}"></script>
<script type="text/javascript" src="{{asset('local_agent\files\bower_components\jquery- slimscroll\js\jquery.slimscroll.js')}}"></script>
  <script type="text/javascript" src=" 
 {{asset('local_agent\files\bower_components\modernizr\js\modernizr.js')}}"></script>
  <script type="text/javascript" src=" 
 {{asset('local_agent\files\bower_components\chart.js\js\Chart.js')}}"></script>
<script src="{{asset('local_agent\files\assets\pages\widget\amchart\amcharts.js')}}"></script>
<script src="{{asset('local_agent\files\assets\pages\widget\amchart\serial.js')}}"></script>
 <script src="{{asset('local_agent\files\assets\pages\widget\amchart\light.js')}}"></script>
<script src="{{asset('local_agent\files\assets\js\jquery.mCustomScrollbar.concat.min.js')}}"> 
</script>
<script type="text/javascript" src="{{asset('local_agent\files\assets\js\SmoothScroll.js')}}"> 
</script>
<script src="{{asset('local_agent\files\assets\js\pcoded.min.js')}}"></script>
<script src="{{asset('local_agent\files\assets\js\vartical-layout.min.js')}}"></script>
<script type="text/javascript" src="{{asset('local_agent\files\assets\pages\dashboard\custom- dashboard.js')}}"></script>
<script type="text/javascript" src="{{asset('local_agent\files\assets\js\script.min.js')}}"></script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
 <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-23581568-13');
</script>

window.dataLayer=window.dataLayer | |[]；
函数gtag（）{dataLayer.push（参数）；}
gtag（'js'，新日期（））；
gtag（“配置”、“UA-23581568-13”）；

这是新的：

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

---

添加此脚本后，出现了问题

出现了什么问题？风格崩溃也许您可以详细说明，因为您没有给出任何细节。。哪里有javascript错误？好的，我告诉你。我解决了所有的javascript错误。但现在显示屏显示的是正在加载。什么也看不出来。甚至DOM元素现在也消失了。