IE11에서 Vue 2.0을 열 때 빈 프로젝트 페이지 문제를 해결하는 방법

이 글에서는 주로 IE 11에서 Vue 2.0에서 프로젝트 페이지가 열릴 때 발생하는 빈 문제에 대한 해결 방법을 소개합니다. 이 글에서는 이 문제의 원인을 자세히 분석하고 필요한 친구들이 참고할 수 있도록 자세한 해결 방법을 제시합니다. 아래에서 함께.

머리말

일 때문에 한동안 Vue2.0을 배워왔는데, 최근 Vue2.0의 공식 스캐폴딩 도구를 사용하여 프로젝트를 구축했는데 실행하는데 문제가 없었습니다. Chrome에서는 실행되지만 IE11에서 열면 버그가 있습니다.

Problem

ie11이 vue2.0 프로젝트를 열면 콘솔에서 vuex는 이 브라우저에서 Promise 폴리필이 필요합니다.<code>vuex requires a Promise polyfill in this browser；

原因

Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁） 的技术。

简单地说，polyfill即是在当前运行环境中用来复制（意指模拟性的复制，而不是拷贝）尚不存在的原生 api 的代码。

解决

安装babel-polyfill

Reason

Babel은 Iterator, Generator, Set, Maps, Proxy, Reflect, Symbol, Promise 및 기타 전역 객체와 같은 새로운 API를 변환하지 않고 기본적으로 새로운 JavaScript 구문(구문)만 변환합니다. 전역 개체에 정의된 일부 메서드(예: Object.sign)도 트랜스코딩되지 않습니다. 이 문제를 해결하기 위해 우리는 Polyfill(코드 채우기, 호환성 패치라고도 번역됨)이라는 기술을 사용합니다.

간단히 말하면, 폴리필은 현재 실행 환경에 아직 존재하지 않는 네이티브 API를 복사(복사가 아닌 시뮬레이션 복사를 의미)하는 데 사용되는 코드입니다.

Solution

babel-polyfill 설치

Steps

npm 설치

npm install --save-dev babel-polyfill

그냥 엔트리 파일에 부어주세요

rreee

공식 스캐폴딩 vue-cli도 사용하는 경우 webpack.config.js 구성 파일에서

import 'babel-polyfill'

을 사용하여

module.exports = {
 entry: {
 app: ["babel-polyfill", "./src/main.js"]
 }
};

을 교체해야 합니다. 이 기사 내용이 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목해 주세요!

🎜관련 권장 사항: 🎜🎜🎜Vue 배경 이미지를 패키징한 후 잘못된 액세스 경로 문제를 해결하는 방법🎜🎜🎜🎜🎜패키징 후 Vue 프로젝트를 열 때 빈 페이지 문제를 해결하는 방법🎜🎜🎜🎜🎜🎜🎜🎜 🎜

위 내용은 IE11에서 Vue 2.0을 열 때 빈 프로젝트 페이지 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!