Агар лоиҳаи Vue дар Internet Explorer 11 кор накунад…

Манзур мекунам, мавҷудияти полифилҳоро санҷед: аввалан, core-js ва regenerator-runtime, ки тавассути @babel/preset-env пайваст шудаанд. Ман боварӣ ҳосил мекунам, ки онҳо дар файли асосии барнома (main.js ё монанд) ворид шудаанд.

Ман танзимоти Babel-ро санҷида мебинам:

Ҳадафҳои муҳит (targets) дар .babelrc ё babel.config.js бояд IE 11-ро дар бар гирад.
Ман боварӣ ҳосил мекунам, ки интихоботи useBuiltIns usage ё entry барои ворид кардани автоматии полифилҳо истифода мешавад.

// babel.config.js
module.exports = {
  presets: [
    ['@vue/cli-plugin-babel/preset', {
      useBuiltIns: 'usage', // ё 'entry'
      corejs: 3,
      targets: {
        ie: '11',
        // ... дигар браузерҳо
      }
    }]
  ]
};

Ман таҳлил мекунам хатогиҳо дар консоли IE 11: Ин беҳтарин роҳ аст, ки мушкилоти муштаракро муайян кунад, масалан, истифодаи API-ҳои кӯҳна ё норасоӣ, хатогиҳои синтаксисии ES6+, ки пурра трансформ нашудаанд.

Ман вобастагиро санҷида мебинам: Баъзе китобхонаҳои тарафи сеюм метавонанд синтаксиси муосир ё API-ро бе полифил истифода баранд. Шояд лозим ояд, ки версияҳои алтернативӣ ё полифилҳоро барои ин китобхонаҳо ёфтан ё боркунии шароитӣ анҷом додан.

Ман ҳуҷҷатгузории расмии Vue-ро оид ба дастгирии IE11 омӯзиш мекунам: Vue хусусиятҳои худро дар кор бо IE11 дорад, масалан, дар реактивӣ ва компонентҳо. Шояд ба танзимоти махсус ё роҳҳои ивазкунӣ ниёз дошта бошад.

Ман CSS-ро санҷида мебинам: Баъзе хусусиятҳои муосири CSS ё селекторҳо метавонанд дар IE11 дастгирӣ нашаванд. Ба истифодаи префиксҳо (-ms-) ё роҳҳои алтернативӣ (масалан, Flexbox бо полифилҳо, Grid бо автопрефикс) ниёз аст.

Ман истифодаи Server-Side Rendering (SSR)-ро санҷида мебинам: Агар лоиҳа SSR-ро истифода барад, метавонанд мушкилоти махсус бо гидратация дар IE11 пайдо шаванд.

Мушкилот ва ҳалли онҳо:

Мушкилот	Ҳал
Норасоии Promise, Fetch, Symbol ва ғайра	Боварӣ ҳосил кунед, ки `@babel/preset-env` бо `core-js` дуруст танзим шудааст.
Мушкилоти воридоти ES модулҳо	Боварӣ ҳосил кунед, ки Webpack ё Rollup коди барои IE11 дуруст ҷамъоварӣ мекунад.
Синтаксис номувофиқ (масалан, async/await бе трансформация)	Боварӣ ҳосил кунед, ки Babel дуруст транспилирует.
Мушкилоти реактивӣ дар Vue	Дар ҳолатҳои кам, метавонанд роҳҳои ивазкунӣ зарур бошанд, ки дар ҳуҷҷатгузории Vue барои IE11 тавсиф шудаанд.
Мушкилоти CSS (Flexbox, Grid, хусусиятҳои фармоишӣ)	Автоматикон, хусусиятҳои алтернативӣ ё полифилҳоро барои CSS истифода баред.

Пас аз ислоҳот, ман санҷиши амиқ дар IE 11 бо истифода аз DevTools ва эмулятор анҷом медиҳам.

Агар лоиҳаи Vue дар Internet Explorer 11 кор накунад, чӣ мекунед?