react.js - react 在IE下 报错

问题描述

问 题

精简后的代码如上，还是报错了，在其他浏览器没用任何问题，也没有警告

这是在ie下的报错

请问这是什么原因造成的，怎么解决这个问题

不知道是不是版本的问题，所以附上package.json

{
"name": "demo",
"version": "0.0.0",
"private": true,
"scripts": {

"start": "node ./bin/www"

},
"dependencies": {

"antd": "^2.12.5",
"async": "^2.4.1",
"babel-plugin-react-html-attrs": "^2.0.0",
"babel-polyfill": "^6.23.0",
"body-parser": "~1.17.1",
"bootstrap-wysiwyg": "^2.0.1",
"cheerio": "^1.0.0-rc.1",
"cookie-parser": "~1.4.3",
"debug": "~2.6.3",
"ejs": "~2.5.6",
"express": "~4.15.2",
"express-mysql-session": "^1.2.0",
"express-session": "^1.15.3",
"formidable": "^1.1.1",
"iconv-lite": "^0.4.17",
"morgan": "~1.8.1",
"mysql": "^2.13.0",
"prop-types": "^15.5.10",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-redux": "^5.0.5",
"react-responsive": "^1.3.0",
"react-router": "^4.1.1",
"react-router-dom": "^4.1.2",
"react-transition-group": "^1.2.0",
"redux": "^3.7.2",
"redux-thunk": "^2.2.0",
"request-promise": "^4.2.1",
"serve-favicon": "~2.4.2",
"wangeditor": "^3.0.8",
"whatwg-fetch": "^2.0.3"

},
"devDependencies": {

"autoprefixer-loader": "^3.2.0",
"babel-core": "^6.24.1",
"babel-loader": "^7.0.0",
"babel-plugin-import": "^1.2.1",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-env": "^1.4.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-latest": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"compression-webpack-plugin": "^0.4.0",
"css-loader": "^0.28.4",
"extract-text-webpack-plugin": "^2.1.2",
"file-loader": "^0.11.2",
"json-loader": "^0.5.4",
"less": "^2.7.2",
"less-loader": "^4.0.4",
"node-sass": "^4.5.3",
"postcss-loader": "^2.0.6",
"react-addons-css-transition-group": "^15.6.0",
"redux-devtools": "^3.4.0",
"sass-loader": "^6.0.6",
"style-loader": "^0.17.0",
"url-loader": "^0.5.9",
"webpack": "^2.7.0",
"webpack-dev-middleware": "^1.10.2",
"webpack-dev-server": "^2.4.5",
"webpack-hot-middleware": "^2.18.0"

}
}

解决方案

你用的react-router是4.0，4.0的router里不支持也不需要history属性。另外，package.json里只写react-router-dom的依赖就够了，它会自动加载react-router依赖的。见下面的修改：

import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter as Router, Route } from 'react-router-dom';
const rootElement = document.getElementById('root');

class KK extends React.Component{

  render(){
      return(
          <p>kkk</p>
      )
  }
}

render(

<Router>      //修改的地方
    <div>
        <Route exact path="/" component={KK}></Route>
    </div>
</Router>,
rootElement
)

这篇关于react.js - react 在IE下 报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！