vue 2.0 + iview IE 브 라 우 저 에서 해결 방법 을 제대로 실행 할 수 없습니다.

1494 단어 iviewvue.js
vue + iview + webpack 프로젝트 는 ie 브 라 우 저 에서 정상적으로 실행 되 지 않 습 니 다.주요 원인 은 코드 에서 es6 문법 을 사용 하여 저 버 전 브 라 우 저 에서 식별 할 수 없 기 때문이다.
해결 방법: (1) 웹 팩 은 static 의 js 파일 을 컴 파일 하지 않 기 때문에 js 파일 은 static 폴 더 에 쓰 지 마 십시오.(2) vue 2 + Webpack + ES6 호 환 저 버 전 브 라 우 저 설치 "babel - polyfill"
   :npm install --save-dev babel-polyfill
     main.js    :import 'babel-polyfill'
  build      webpack.base.conf.js  
   entry: {
     app: ["babel-polyfill", "./src/main.js"]
   }

(3) 설 치 는 하나의 플러그 인 에 의존 하여 ES6 / ES7 고급 문법 호 환 을 해결 합 니 다.
 npm install --save-dev babel-preset-es2015-ie
      .babelrc    :
 {
  "presets": [
  // env      babel-preset-env,         babel es6,es7,es8    ,    amd,commonjs        ,     
   ["env", {
     "modules": false,
     "targets": {
     "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
     }
    }],
  //             es  ,         
    "stage-2"
   ],
//                    ,transform-runtime           babel  
  "plugins": ["transform-runtime"]
 }

(4) 웹 팩 - dev - server 는 공식 적 으로 기 존 브 라 우 저의 지원 을 포기 하고 버 전 을 웹 팩 - dev 로 되 돌려 줍 니 다 [email protected]
 npm uninstall webpack-dev-server
 npm install [email protected] --save-dev

(5) 중요 한 것 은 iview 를 사용 할 때 전역 설 치 를 사용 하 는 것 입 니 다. 필요 에 따라 불 러 오지 마 십시오. IE 브 라 우 저 는 iview 가 필요 에 따라 불 러 오 는 냄비 입 니 다.

좋은 웹페이지 즐겨찾기