VueJS ошибка в IE11 - SCRIPT1004: ожидается ';' - PullRequest
Новая
       45

VueJS ошибка в IE11 - SCRIPT1004: ожидается ';'

1 голос
/ 22 марта 2020

IE11 - ОШИБКА: SCRIPT1004: Ожидается ';'

Привет! Мой сайт работает на всех браузерах, кроме IE. Мой файл babel.config. js: 

 module.exports = {
  presets: [
    ['@vue/app', {
      polyfills: [
        'es.promise',
        'es.symbol',
        'es6.array.iterator'
      ]
    }]
  ],
  "plugins": [
    "@babel/plugin-transform-shorthand-properties",
    "@babel/plugin-proposal-object-rest-spread",
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ]
  ]
}

---> Скриншот консоли

---> Скриншот отладчика

1 Ответ

1 голос
/ 22 марта 2020

Ваш скриншот отладчика показывает, что ошибка из пакета native-toast. GitHub этого пакета показывает нерешенную проблему , в которой используется for ... of l oop. IE не знает, как его интерпретировать, что является частой причиной ошибки Vue IE SCRIPT1004 (которая является просто отсутствующей точкой с запятой).

Вы можете указать Vue CLI для переноса весь пакет зависимостей native-toast, который по умолчанию не выполняется. В вашем vue.config.js (не Babel): 

module.exports = {
  transpileDependencies: [
    'native-toast'  
  ]
}

(Примечание: transpileDependencies - это массив имен пакетов [или RegExp])

Очевидно, в некоторых случаях вы также можете нужно это в вашем babel.config.js (попробуйте сначала без него): 

module.exports = {
  "presets": [
    '@babel/preset-env'
  ],
}

Ссылка:

Vue CLI transpileDependencies

Vue CLI polyfills guide

Vue Forum transpileDependencies пример

...