Приложение Vue CLI 3 не загружается в IE с некоторыми пакетами npm - PullRequest
Новая
       105

Приложение Vue CLI 3 не загружается в IE с некоторыми пакетами npm

0 голосов
/ 15 октября 2019

Я создал приложение Vue с vue-cli 3. Оно работало нормально во всех браузерах, пока я не установил пакет npm "microsoft-cognitiveservices-speech-sdk". Насколько я знаю, я полагаю, что эта конкретная посылка не передается бабелом. Ниже приведены мои babel.config.js и package.json 

//babel.config.js
module.exports = {
  presets: [
    '@vue/app'
  ]
}

//package.json
{
  "name": "vueApp",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "core-js": "^2.6.5",
    "microsoft-cognitiveservices-speech-sdk": "^1.7.0",
    "vue": "^2.6.10",
    "vue-good-table": "^2.18.0",
    "vue-i18n": "^8.14.0",
    "vue-router": "^3.1.2",
    "vue-uuid": "^1.1.1",
    "vuex": "^3.1.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.10.0",
    "@vue/cli-plugin-eslint": "^3.10.0",
    "@vue/cli-service": "^3.10.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "http-proxy-middleware": "^0.20.0",
    "less": "^3.10.2",
    "less-loader": "^5.0.0",
    "vue-template-compiler": "^2.6.10"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}

После того, как я установил пакет, мое приложение не загружается в браузере IE (версия 11). Но работает как шарм в Google Chrome. Может кто-нибудь помочь мне решить эту проблему? Заранее спасибо!

1 Ответ

0 голосов
/ 16 октября 2019

После огромного исследования и опробования предложений в Интернете я исправил проблему. Очевидно, вам нужно создать файл конфигурации для приложения, чтобы переносить ваши мешающие пакеты.

Создайте vue.config.js в вашем корневом каталоге и добавьте свойство transplieDependencies, массив для хранения ваших проблемных библиотек дляпреобразование es5. 

//vue.config.js
module.exports = {
    transplieDependencies: [
        "your trouble library name"
    ]
}

После внесения вышеуказанных изменений перезапустите сервер, чтобы он заработал в IE.

...