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

У меня есть простое приложение vue, созданное с помощью vue cli 3. Когда я использую команду npm run serve поверх VS Code, я могу отображать приложение через http://localhost:8080 без проблем. Я использую следующие команды для обслуживания папки dist через localhost.

npm run build
serve -s dist

После вышеуказанных команд я должен отображать приложение через http://localhost:5000, но в IE11 появляется следующая ошибка и приложение отлично работает на хроме.

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

Вот коды paginator.js, которые IE11 выдает ошибку.

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, но не запускается после команды npm run build в IE11?

У меня установлены полифиллы, так что я могу использовать приложение в IE11 после npm run serve, а вот мой тег скрипта из PolyFill.io

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

npm vue.js vue-cli vue-cli-3
person newbie    schedule 24.09.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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()();
person iandw    schedule 13.05.2020