Как заставить приложение vuejs работать с IE 11 при использовании feathersjs - PullRequest
Новая
       147

Как заставить приложение vuejs работать с IE 11 при использовании feathersjs

0 голосов
/ 21 декабря 2018

При создании стандартного приложения vue (с использованием vue-cli v3.0) и включении @feathersjs/feathers для реализации соединения с API перьев я получаю сообщение об ошибке в Internet Explorer 11 (SCRIPT1010: Expected identifier)

Суть в том, чтобы найти простой способ решения подобных проблем, потому что в больших проектах можно легко найти множество проблем с библиотеками, а иногда необходимо поддерживать хотя бы одну версию Internet Explorer (по крайней мере, с точки зрения бизнеса).зрения)

Я прочитал на сайте перьев (https://docs.feathersjs.com/api/client.html#module-loaders), что библиотека использует ES6, поэтому в этом случае она должна быть передана для работы в браузере, таком как IE11.

Поэтому я попробовал это, но безуспешно: 

// vue.config.js
module.exports = {
  baseUrl: '/',
  transpileDependencies: [
    '@feathers/commons',
    '@feathers/errors',
    '@feathers/feathers',
    'debug'
  ]
}

и получил ошибки даже в chrome: Uncaught ReferenceError: exports is not defined

Я создал проект, чтобы показать эту ошибку: https://github.com/riescorp/vue-internet-explorer

Можно использовать IE11 для этого приложения, даже если оно не работает быстро или выглядит красиво, но работает.

Ответы [ 2 ]

0 голосов
/ 31 декабря 2018

Мне наконец-то удалось решить эту проблему.

Это конфигурация babel.config.js, которая добивается цели: 

module.exports = {
  presets: ['@vue/app'],
  plugins: ['@babel/transform-modules-commonjs']
}

Также в моей vue.config.js была опечатка, это должновыглядит так: 

// vue.config.js
module.exports = {
  baseUrl: '/',
  transpileDependencies: [
    '@feathersjs',
    'debug'
  ]
}

Наконец, при использовании перьев эта строка не будет работать: 

.configure(restClient.fetch(window.fetch))

, поэтому вы можете использовать import 'whatwg-fetch' для ее решения (не забудьте установить его npm i whatwg-fetch)

0 голосов
/ 24 декабря 2018

Я полагаю, что процесс должен быть таким же, как и следование инструкциям на веб-сайте Vuetify в разделе этой страницы, озаглавленном «Поддержка IE11 и Safari 9» (прокрутите вниз): https://vuetifyjs.com/en/getting-started/quick-start

IМне не приходилось делать ничего другого в моих проектах, что я помню.

...