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'

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