React.js,Webpack无法在IE 11上运行

时间:2018-08-28 11:46:48

标签: reactjs internet-explorer-11

当我尝试运行我的React网站时,我在IE中收到此错误。它可以在所有其他浏览器中使用,并且我尝试了多种方式加载babel-polyfill。

IE 11错误:

enter image description here

这是我的webpack.dev.config.js文件

const path = require('path');

module.exports = {
  devtool: "source-map",
  mode: 'production',
  entry: {
    app: ['babel-polyfill', './index.js']
  },
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, '/dist')
  },

  module: {
    rules: [{   
      test: /\.js$/, 
      enforce: "pre", 
      exclude: /node_modules/, 
      use: [{
      loader: 'babel-loader',
      query: {
        presets: ['es2015', 'react', 'stage-0']
      }
      }]
    },
    {
      test: /\.css$/,
      loader: [ 'style-loader', 'css-loader' ]
    },
    {
      test: /\.scss$/,
      loaders: ["style-loader", "css-loader", "sass-loader"]
    },
    {
      test: /\.(png|jpg|gif)$/,
      use: [
        {
          loader: 'file-loader',
      }]
    },
    {
      test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
      use: [{
          loader: 'file-loader',
          options: {
              name: '[name].[ext]',
              outputPath: 'fonts/'
          }
      }]
  }]
  },
};

我似乎无法解决此错误,将不胜感激

1 个答案:

答案 0 :(得分:0)

很抱歉,我没有真正为所有人提供足够的信息来解决此问题,因为问题不在webpack.dev.config.js文件中。问题出在我的一个React文件中:

publicIP().then(ip =>{
   //code here
});

由于IE不支持ES6,所以=>导致了错误!