ReactJs + webpack + ie + console.log

3xe*_*tor 5 javascript internet-explorer reactjs webpack

我有一个在JSX中编写的项目,我使用webpack来构建main.js文件.

这是我的webpack.config.js:

var path = require('path');

module.exports = {
  entry:{  main: [
            'consolelog',
            'es5-shim',
            'es5-shim/es5-sham',
            'es6-shim',
            'es6-shim/es6-sham',
"./app/client"
        ]},

  output: {
    filename: '[name].js',
    chunkFilename: '[id].chunk.js',
    path: path.join('public', 'js'),
    publicPath: '/js/'
  },

  module: {
    loaders: [
      { test: /\.js$/, loader: 'jsx-loader?harmony&insertPragma=React.DOM' },
      { test: require.resolve('react'), loader: 'expose?React' },

    ]
  }
};
Run Code Online (Sandbox Code Playgroud)

我的问题是我不能让我的项目在IE下工作(我现在用IE9测试).它总是说"控制台未定义".

使用Firefox和Chrome,它可以完美运行.

我做错了什么?

我尝试使用console-polyfill但结果相同.

IE9说它在这行javascript代码失败了:

_deprecationWarning2['default']('CollapsableNav', 'CollapsibleNav', 'https://github.com/react-bootstrap/react-bootstrap/issues/425#issuecomment-97110963');
Run Code Online (Sandbox Code Playgroud)

但它上面没有console.log.

我做错了什么?

先感谢您!

小智 0

您必须将两个装载机放在同一行中。不要使用loader,而是使用loaders两个加载器并传递一个数组。