Vue CLI 3 - npm run serve 与 serve -s dist答案

【问题标题】：Vue CLI 3 - npm run serve vs serve -s distVue CLI 3 - npm run serve 与 serve -s dist
【发布时间】：2020-01-24 11:57:48
【问题描述】：

我有一个使用 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 命令之后却不运行？

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

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

【问题讨论】：

标签： vue.js npm vue-cli vue-cli-3

【解决方案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()();

【讨论】：