vue2.0 프로젝트는 다음으로 열 수 없습니다.

프런트 엔드 기술이 발전하면서 Vue.js를 프런트 엔드 개발 프레임워크로 사용하는 웹사이트가 점점 더 많아지고 있습니다. 하지만 Vue.js를 사용하여 프로젝트를 개발할 때 IE 브라우저가 열리지 않는 문제가 발생할 수 있습니다. 이 글에서는 Vue2.0 프로젝트를 IE 브라우저에서 열 수 없는 문제를 해결하는 방법을 소개합니다.

1. 문제 배경

Vue2.0을 사용하여 프로젝트를 개발할 때 IE 브라우저에서 페이지가 열리지 않는 문제가 발생하는 경우 대부분의 이유는 Vue2.0이 IE8 이하 버전을 지원하지 않기 때문입니다. 브라우저.

2. 솔루션

1. IE8 이하에서는 지원되지 않는 ES6 구문 사양을 사용하여 개발하는 경우 IE 폴리필

Vue.js 2.0을 가져옵니다. 따라서 ES6 코드를 ES5로 변환해야 합니다. 즉, 바벨을 사용하여 이스케이프해야 합니다. 또한 ES5가 시뮬레이션할 수 없는 일부 기능을 해결하려면 IE 폴리필을 사용해야 합니다.

먼저 babel과 babel-polyfill을 설치해야 합니다. 터미널에서 다음 명령을 실행합니다:

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

그런 다음 위의 종속성을 프로젝트 항목 파일에 도입하고 코드를 ES5 구문으로 변환합니다. 구체적인 코드는 다음과 같습니다:

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

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

2. Install Vue2.

터미널에서 다음 명령을 실행합니다.

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

그런 다음 프로젝트의 항목 파일에 다음 코드를 삽입합니다.

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

3. 요약

위의 두 가지 방법을 통해 Vue2.0이 IE 브라우저에서 프로젝트를 열 수 없습니다. 질문을 엽니다. IE 폴리필을 사용하면 ES5 구문을 지원하는 브라우저에서 실행할 수 있으며 Vue2.x의 IE 호환 플러그인을 설치하면 IE 브라우저에서 ES6 사양을 지원할 수 있습니다. 어떤 방법을 사용하든 프로젝트의 항목 파일에 해당 구성이 이루어져야 합니다. 동시에 프로젝트의 유용성과 안정성을 보장하기 위해 개발 과정에서 브라우저 호환성 문제를 완전히 고려하는 것이 좋습니다.

위 내용은 vue2.0 프로젝트는 다음으로 열 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!