이 글에서는 주로 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 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!