javascript - 将一个组件导航到另一个组件时 react 中的最小 react 错误

Question

我在实现 react-routing 时遇到这个错误 这是我的代码 http://codepen.io/anon/pen/VmOgyy?editors=1010

错误

react.min.js:16 Uncaught Error: Minified React error #130; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at r (react.min.js:16)
    at p.a [as _instantiateReactComponent] (react.min.js:16)
    at performInitialMount (react.min.js:13)
    at p.mountComponent (react.min.js:13)
    at Object.mountComponent (react.min.js:15)
    at i (react.min.js:14)
    at r.perform (react.min.js:16)
    at s (react.min.js:14)
    at r.perform (react.min.js:16)
    at Object.batchedUpdates (react.min.js:14)

你能告诉我为什么会显示这个错误吗

var Router = ReactRouter;
var DefaultRoute = Router.DefaultRoute;
var Link = Router.Link;
var Route = Router.Route;
var browserHistory = Router.browserHistory;
var RouteHandler = Router.RouteHandler;

class First extends React.Component {
  render() {
    return <h1>Hello word</h1>;
  }
}

class Second extends React.Component {
  render() {
    return <h1>Second</h1>;
  }
}

ReactDOM.render( <Router history={browserHistory}>
        <Route path="/" component={First}/>
    </Router>,document.getElementById('root')
)

Answer 1

这个错误的发生是因为你的模块的开发和生产环境版本之间存在冲突。您在代码笔中使用的 react-router 实例是一个开发版本，包含完整的错误消息。正如 React 文档所说

In the minified production build of React, we avoid sending down full error messages in order to reduce the number of bytes sent overthe wire.

We highly recommend using the development build locally when debuggingyour app since

要解决错误，请使用非缩小版本的react和react-dom

https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.js

和

https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.js