Javascript React嵌套模块显示"；未捕获的引用错误：未定义导航"；

我已经开始学习

ReactJs

，我不知道如何调试它。我有一个基本的

app.jsx

var React = require('react');
var ReactDOM = require('react-dom');
var {Route, Router, IndexRoute, hashHistory} = require('react-router');
var Main = require('Main');
ReactDOM.render(
    <Router history={hashHistory}>
        <Route path="/" component={Main}>

        </Route>
    </Router>,
    document.getElementById('app')
);

我没有收到任何错误，但浏览器什么也没显示。当我检查开发人员工具时，我看到

“未捕获引用错误：未定义导航”

。文件位于正确的文件夹中。我怎样才能解决这个问题

---

谢谢

如果您提供的代码是准确的，问题是您没有在Nav文件中实际定义名为

Nav

的变量。您刚刚调用了

React.createClass

，但没有将其分配给变量

Nav

。然后您尝试在底部导出

Nav

。将您的

createClass

调用分配给变量，它应该可以解决您的问题。

如果您提供的代码是准确的，那么问题在于您没有在Nav文件中实际定义名为

Nav

的变量。您刚刚调用了

React.createClass

，但没有将其分配给变量

Nav

。然后您尝试在底部导出

Nav

。将您的

createClass

调用分配给变量，它应该可以解决您的问题。

您好，因为您的组件定义错误，可能如下所示 类Nav扩展了React.Component或var Nav=React.createClass({ 渲染：函数（）{ 返回( 导航分量 ); }

---

})

您好，因为您的组件定义错误，可能如下所示 类Nav扩展了React.Component或var Nav=React.createClass({ 渲染：函数（）{ 返回( 导航分量 ); } })

var React = require('react');

React.createClass({
    render: function () {
        return (
            <h2>Nav Component</h2>
        );
    }
})

module.exports = Nav;
var React = require('react');
var Nav = require('Nav');

var Main = React.createClass({
    render: function () {
        return (
            <div>
                <Nav/>
                <h2>Main Component</h2>
            </div>
        );
    }
});
module.exports = Main;

module.exports = {
    entry: './app/app.jsx',
    output: {
        path: __dirname,
        filename: './public/bundle.js'
    },
    resolve: {
        root: __dirname,
        alias: {
            Main: 'app/components/Main.jsx',
            Nav: 'app/components/Nav.jsx'
        },
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [
            {
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2015', 'stage-0'] 
                },
                test: /\.jsx?$/,
                exclude:/(node_modules|bower_components)/
            }
        ]
    }
};