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

Question

我有一个用vue cli 3创建的简单的vue应用程序。当我在VS代码上使用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()();