Projek vue2.0 tidak boleh dibuka oleh ie

Dengan pembangunan teknologi bahagian hadapan, semakin banyak tapak web menggunakan Vue.js sebagai rangka kerja pembangunan bahagian hadapan. Walau bagaimanapun, apabila menggunakan Vue.js untuk membangunkan projek, anda mungkin menghadapi masalah bahawa pelayar IE tidak boleh dibuka. Artikel ini akan memperkenalkan cara menyelesaikan masalah bahawa projek Vue2.0 tidak boleh dibuka dalam pelayar IE.

1. Latar belakang masalah

Apabila menggunakan Vue2.0 untuk membangunkan projek, jika terdapat masalah bahawa halaman tidak boleh dibuka dalam pelayar IE, kebanyakan sebabnya adalah kerana Vue2.0 tidak menyokong versi pelayar IE8 dan ke bawah.

2. Penyelesaian

1. Import IE polyfill

Vue.js 2.0 dibangunkan menggunakan spesifikasi sintaks ES6, yang tidak Disokong oleh IE8 dan ke bawah. Oleh itu, kita perlu menukar kod ES6 kepada ES5, iaitu, gunakan babel untuk melarikan diri. Di samping itu, kami juga perlu menggunakan IE polyfill untuk menyelesaikan beberapa ciri yang tidak dapat disimulasikan oleh ES5.

Pertama, kita perlu memasang babel dan babel-polyfill. Jalankan arahan berikut dalam terminal:

npm install babel-core@6.x babel-preset-env babel-polyfill --save-dev

Kemudian, kami memperkenalkan kebergantungan di atas ke dalam fail kemasukan projek dan menukar kod kepada sintaks ES5. Kod khusus adalah seperti berikut:

import "babel-polyfill";
import Vue from 'vue';

new Vue({
   el: '#app',
   render: h => h(App)
})

2. Pasang pemalam serasi IE Vue2.x

Selain mengimport poliisi IE, kami juga boleh memasang IE pemalam serasi vue2.x Laksanakan sokongan untuk ES6 dalam pelayar IE.

Jalankan arahan berikut dalam terminal:

npm install es6-promise --save
npm install es6-object-assign --save

Kemudian masukkan kod berikut ke dalam fail kemasukan projek:

import 'es6-promise/auto'
import 'es6-object-assign/auto'

3 Melalui dua di atas Dengan cara ini, kita boleh menyelesaikan masalah bahawa projek Vue2.0 tidak boleh dibuka dalam pelayar IE. Menggunakan poliisi IE boleh dijalankan pada penyemak imbas yang menyokong sintaks ES5, dan memasang pemalam serasi IE Vue2.x boleh menyokong spesifikasi ES6 dalam penyemak imbas IE. Tidak kira kaedah yang digunakan, konfigurasi yang sepadan perlu dibuat dalam fail kemasukan projek. Pada masa yang sama, adalah disyorkan untuk mempertimbangkan sepenuhnya isu keserasian penyemak imbas semasa proses pembangunan untuk memastikan kebolehgunaan dan kestabilan projek.

Atas ialah kandungan terperinci Projek vue2.0 tidak boleh dibuka oleh ie. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!