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

Question

我在开始在我的网站上使用 javascript 文件时遇到了一些麻烦。当我将模板集成到我的 Laravel 项目时，网站（在 master.blade.php 中）已经链接了一些 javascript 文件。但现在，我想在 master.blade.php 文件中添加一个新的 javascript 文件，名为 app.js vue 文件。添加此 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>

这是新的：

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

添加此脚本后出现问题

标签： javascriptlaravelvue.js