Ko darīsiet, ja Vue projekts nedarbojas Internet…

Es pārbaudīšu polyfillu klātbūtni: vispirms core-js un regenerator-runtime, kas ir pievienoti caur @babel/preset-env. Pārliecināšos, ka tie ir importēti galvenajā lietojumprogrammas failā (main.js vai līdzīgā).

Pārbaudīšu Babel iestatījumus:

Mērķa vidi (targets) .babelrc vai babel.config.js ir jāiekļauj IE 11.
Pārliecināšos, ka opcija useBuiltIns ir iestatīta uz usage vai entry, lai automātiski iekļautu nepieciešamos polyfillus.

// babel.config.js
module.exports = {
  presets: [
    ['@vue/cli-plugin-babel/preset', {
      useBuiltIns: 'usage', // vai 'entry'
      corejs: 3,
      targets: {
        ie: '11',
        // ... citi pārlūkprogrammas
      }
    }]
  ]
};

Analizēšu IE 11 izstrādātāja konsoles kļūdas: tas ir labākais veids, kā identificēt konkrētas saderības problēmas, piemēram, novecojušas vai trūkstošas API, ES6+ sintakses kļūdas, kas nav pilnībā pārveidotas.

Pārbaudīšu atkarības: Dažas trešo pušu bibliotēkas var izmantot modernu sintaksi vai API bez atbilstoša polyfill. Var būt nepieciešams meklēt alternatīvas versijas, polyfillus šīm bibliotēkām vai to nosacītu ielādi.

Izpētīšu oficiālo Vue dokumentāciju par IE11 atbalstu: Vue ir savas īpatnības darbā ar IE11, piemēram, saistībā ar reaktivitāti un komponentiem. Var būt nepieciešami specifiski iestatījumi vai apieti.

Pārbaudīšu CSS: Dažas mūsdienu CSS īpašības vai selektori var nebūt atbalstīti IE11. Jāizmanto prefiksi (-ms-) vai alternatīvas pieejas (piemēram, Flexbox ar polyfilliem, Grid ar automātiskiem prefiksiem).

Pārbaudīšu Server-Side Rendering (SSR) izmantošanu: Ja projekts izmanto SSR, var rasties specifiskas problēmas ar hidratāciju klientā IE11.

Iespējamās problēmas un risinājumi:

Problēma	Risinājums
Trūkst Promise, Fetch, Symbol u.c.	Pārliecināties par pareizu `@babel/preset-env` konfigurāciju ar `core-js`.
Problēmas ar ES moduļu importiem	Pārliecināties, ka Webpack vai Rollup pareizi apkopj kodu IE11.
Nepārvaldāma sintakse (piemēram, async/await bez pārveidošanas)	Pārliecināties, ka Babel transpilācija darbojas pareizi.
Reaktivitātes problēmas Vue	Dažos specifiskos gadījumos var būt nepieciešami apieti, kas aprakstīti Vue dokumentācijā IE11.
CSS problēmas (Flexbox, Grid, pielāgoti īpašumi)	Izmantot automātiskos prefiksus, alternatīvas īpašības vai polyfillus CSS.

Pēc izmaiņu veikšanas veicu rūpīgu testēšanu IE 11, izmantojot DevTools un emulators.

Ko darīsiet, ja Vue projekts nedarbojas Internet Explorer 11?