vue2.0에서 IE 브라우저의 흰색 화면에 대한 해결 방법(세부 프로세스)

이 문서의 내용은 vue2.0의 흰색 화면에 대한 해결 방법입니다(상세 프로세스). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

회사에서 새로 개발한 프로젝트는 IE9+와 호환되어야 합니다

index.html 페이지에 추가하면 됩니다

<meta>

작동하지 않습니다

요약 방법:

IE9/IE10과 호환 가능 구문 또는 약속 오류가 발생하면 페이지 항목 구성 main.js에 babel-polyfill

npm install babel-polyfill

를 설치하세요. babel-polyfill

import("babel-polyfill")

을 도입하여 컴파일 오류를 해결하세요---중요

重新安装一下webpack-dev-server
npm install webpack-dev-server@2.6.1 如果有淘宝镜像也可使用 cnpm

build/webpack.base.conf에서 수정 .js

app:['babel-polyfill','./src/main.js']

babel-preset-es2015-ie

설치 루트 디렉터리에 새 .babelrc를 생성하세요

{
  "presets": [
    
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

위 작업이 완료되면

npm run dev

를 실행하세요. 관련 권장 사항:

브라우저 해킹 요약 자세한 브라우저 호환성 솔루션

phpMyAdmin 3.5.8 Safari의 빈 화면 솔루션

위 내용은 vue2.0에서 IE 브라우저의 흰색 화면에 대한 해결 방법(세부 프로세스)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!