2016-12-16 13 views
0

私のWebアプリケーションでVue.jsを使用すると、IE11を除くほとんどのブラウザで動作します。私はデフォルトbabel-preset-es2015を試しましたが、またbabel-preset-es2015-ieを試しましたが、運はありません。とのコードはまだIE11で実行されていません。エラーです。Vue.jsが 'Symbol'エラーでIE11にロードされていません

.babelrc

{ 
    "presets": ["es2015"] << also tried es2015-ie 
} 

package.json

"scripts": { 
    "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --port 3000 --host 0.0.0.0", 
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" 
    }, 
    "dependencies": { 
    "bootstrap-loader": "^1.3.2", 
    "jquery": "^3.1.1", 
    "less": "^2.7.1", 
    "less-loader": "^2.2.3", 
    "vue": "^2.1.6" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.20.0", 
    "babel-loader": "^6.2.10", 
    "babel-preset-es2015": "^6.18.0", 
    "bootstrap-sass": "^3.3.7", 
    "cross-env": "^1.0.6", 
    "css-loader": "^0.23.1", 
    "exports-loader": "^0.6.3", 
    "extract-text-webpack-plugin": "^1.0.1", 
    "file-loader": "^0.8.5", 
    "imports-loader": "^0.7.0", 
    "json-loader": "^0.5.4", 
    "node-sass": "^4.0.0", 
    "resolve-url-loader": "^1.6.1", 
    "sass-loader": "^4.1.0", 
    "style-loader": "^0.13.1", 
    "url-loader": "^0.5.7", 
    "vue-loader": "^9.8.0", 
    "webpack": "^1.14.0", 
    "webpack-dev-server": "^1.16.2" 
    } 
+0

可能な重複[ 'シンボルは' バベルを使用した後、IEで定義されていません](のhttp:// stackoverflow.com/questions/33828840/symbol-is-undefined-in-ie-after-using-babel) –

答えて

4

@Leonidで指摘したようにthis answerによって記載されているように、私は、ブラウザポリフィルスクリプトがありませんでした。 IE11(と他のブラウザ)でうまくいきました。ここで

は私がやったことです:の

npm install --save-dev babel-polyfill 

webpack.config.js

module.exports = { 
    entry: ['babel-polyfill', './src/main.js'], 
    .... 
    .... 
} 
関連する問題