オブジェクトはEdgeのプロパティまたはメソッド 'matches'をサポートしていません

Question

私はgulpとbabelを使ってES6をES5に転写しています。ここに私のコードは次のとおりです。

gulpfile.babel.js

{ 
    "presets": [ 
    "es2015" 
    ], 
    "plugins": ["transform-runtime"] 
} 

E .babelrc

import gulp from 'gulp'; 
import babel from 'gulp-babel'; 
gulp.src([appDir + 'js/**/*.js', '!' + appDir + 'js/{vendors,vendors/**}']) 
     .pipe(babel({ 
      presets: ['es2015'], 
      plugins: ['transform-runtime'] 
     })) 
     .pipe(gulp.dest(devDir + 'js')); 

package.json

"devDependencies": { 
    "babel-core": "*", 
    "babel-plugin-transform-runtime": "*", 
    "babel-preset-es2015": "*", 
    "gulp": "*", 
    "gulp-babel": "*", 
    } 

IE11とEdgeを除くすべてのブラウザでverythingがうまく動作します。

IE11はエラーがあります。

'Symbol' is undefined

エッジにエラーがあります：私は.babelrcファイルにこのプラグイン"plugins": ["transform-es2015-typeof-symbol"]を追加すると、 'シンボル' を解決することを願ってい

Object doesn't support property or method 'matches'

は未定義問題ですが、ありません！

私はバベル用の特別な設定や変換プラグインがありませんか？

Answer 1

モジュールバンドラを使用していないので、CDNからhttps://cdnjs.com/libraries/babel-polyfillをロードする必要があります。私はちょうどあなたの他のJSファイルの前にあなたのページに

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.23.0/polyfill.min.js"></script> 

のページに落ちるだろう。

matchesについてのエラーについては、コードを調べることでそれを把握する必要があります。 Element#matchesを使用しているコードは、このメソッドが存在しないか、別の名前を使用しているため、古いIEバージョンでは機能しません。