Vue CLI 3-npm run serve vs serve -s dist

Question

我有一个用vue cli 3创建的简单vue应用程序。当我在VS Code上使用npm run serve命令时，可以毫无问题地在http://localhost:8080上显示应用程序。我正在使用以下命令通过localhost提供dist文件夹。

npm run build
serve -s dist

经过上述命令，我应该在http://localhost:5000上显示应用程序，但在IE11上出现以下错误，并且在chrome上应用程序工作正常。

SCRIPT1002: Syntax error
paginator.js (11,1)

这里是IE11给出错误的paginator.js代码。

11 class Paginator {
12  constructor(screen) {
13    this.pointer = 0;
14    this.lastIndex = 0;
15    this.screen = screen;
16  }

npm run build在做什么，为什么应用程序在npm run serve命令后没有错误运行但在IE11中没有在npm run build命令之后运行？

我已经安装了polyfills，以便可以在npm run serve之后在IE11上使用应用程序，这是我的PolyFill.io的脚本标签

<script crossorigin=anonymous src="https://polyfill.io/v3/polyfill.min.js?features=Symbol%2Ces2015%2CArray.from"></script>

Answer 1

npm run build缩小/压缩您的源文件，并创建一个dist子文件夹。您的问题很可能是IE11无法处理缩小的JS。

缩小的JS看起来像这样：

(function(t){function e(e){for(var n,r,l=e[0],i=e[1],c=e[2],p=0,u=[];p<l.length;p++)r=l[p],Object.prototype.hasOwnProperty.call(o,r)&&o[r]&&u.push(o[r][0]),o[r]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n]);d&&d(e);while(u.length)u.shift()();