vue项目打包的index.html中header和body内部引入了相同的js文件,这是什么原因?

 ###### 问题遇到的现象和发生背景
前端vue项目,在npm run build 后,生成的index.html文件中header内部和body内部引入了相同的js文件
 ###### 问题相关代码,请勿粘贴截图


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
  <link rel="icon" href="favicon.ico">
  <title>h5</title>
  <link href="js/app.1b680874.js" rel="preload" as="script">
  <link href="js/chunk-vendors.e018f0af.js" rel="preload" as="script">
</head>
<body>
<noscript><strong>We're sorry but tacking-h5 doesn't work properly without JavaScript enabled. Please enable it to
  continue.</strong></noscript>
<div id="app"></div>
<script src="js/chunk-vendors.e018f0af.js"></script>
<script src="js/app.1b680874.js"></script>
</body>
</html>

 ###### 运行结果及报错内容
在性能测试工具中,提示引入了无用的js文件
 ###### 我的解答思路和尝试过的方法

 ###### 我想要达到的结果
为什么会重复引用?如何配置?