Javascript 在react中导入组件时出现问题_Javascript_Django_Reactjs_Webpack_Babeljs

Javascript 在react中导入组件时出现问题

javascript django reactjs webpack

Javascript 在react中导入组件时出现问题,javascript,django,reactjs,webpack,babeljs,Javascript,Django,Reactjs,Webpack,Babeljs,嗨，我在将组件从一个jsx导入到另一个jsx时遇到问题。我正在使用一个django框架来为我的web文件提供服务，我已经下载了所有必要的工具（npm、webpack、webpack bundle tracker、babel loader、django webpack loader）Webpack很好地处理了所有单独的javascript文件，并将它们转换成一个包，然后本地django服务器可以在其中进行渲染。问题在于当我试图将一个组件从一个jsx导入另一个jsx时。我没有看到任何错误，但是我尝试

嗨，我在将组件从一个jsx导入到另一个jsx时遇到问题。我正在使用一个

django框架

来为我的web文件提供服务，我已经下载了所有必要的工具（npm、webpack、webpack bundle tracker、babel loader、django webpack loader）

Webpack

很好地处理了所有单独的javascript文件，并将它们转换成一个包，然后本地django服务器可以在其中进行渲染。问题在于当我试图

将一个组件从一个jsx导入另一个jsx时。我没有看到任何错误，但是我尝试导入的javascript没有加载到django上
示例：文件：index.js

var React = require('react')
var ReactDOM = require('react-dom')
var Body = require('./app.js')

ReactDOM.render(<Body message="Welcome to my website"/>, document.getElementById('app1'))

var React = require('react')
var Body = React.createClass({
    getInitialState: function() {
        return {
            bodymessage: this.props.message
        }
    },
    render: function() {
        return (
            <h1>
            {this.state.bodymessage}
            </h1>
        )
    }
})
module.exports = Body;

我的配置有问题吗
这是我的webpack.config.js文件：
var path = require('path')
var webpack = require('webpack')
var BundleTracker = require('webpack-bundle-tracker')

module.exports = {
    context: __dirname,
    entry: './assets/js/index', 

    output: {
        path: path.resolve('./assets/bundles/'), 
        filename: '[name]-[hash].js', 
    },

    plugins: [
        new BundleTracker({filename: './webpack-stats.json'}), 
        new webpack.ProvidePlugin({ 
            $: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery' 
        })
    ],

    module: {
        loaders: [
            {test: /\.jsx?$/, 
                exclude: /node_modules/, 
                loader: 'babel-loader', 
                query: {
                    presets: ['react'] 
                }
            }
        ]
    },
    resolve: {
        modulesDirectories: ['node_modules', 'bower_components'],
        extensions: ['', '.js', '.jsx'] 
    }   
}

尝试将网页配置中的loader:'babel loader'，
替换为loader:'babel'，
，这在使用网页开发服务器时有效吗？不，但我将下载它并尝试使用该服务器渲染js。仍然不起作用。