Webpack错误'错误:最终加载器在尝试使用ReactJS.NET和MVC 5编译React服务器端组件时未返回Buffer或String'

时间:2017-11-23 15:32:05

标签: asp.net-mvc reactjs webpack-2 reactjs.net

我收到以下错误 - '模块构建失败:错误:最终加载器在尝试使用Webpack 2和ReactJS.NET编译服务器端渲染的JSX组件时没有返回Buffer或String'。我按照here以及this example.

中所述的示例进行了操作

我的文件夹结构类似于Github示例,我有一个React组件,一个index.js文件和一个server.js文件。以下是内容:

/Content/components/TestComponent.jsx

var React = require('react');

class Test extends React.Component {
    getInitialState() {
        return { data: this.props.greeting };
    }
    render() {
        return (
            <div>
                <h1>{this.props.greeting}</h1>
            </div>);
    }
}

module.exports = Test;

/Content/components/index.js

module.exports = {
    Test: require('./TestComponent.jsx')
}

/Content/server.js

var Components = require('expose?Components!./components');

这是我的完整webpack.config.js:

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: './Content/server',
    output: {
        path: __dirname + '/resources/dev/scripts/server',
        filename: 'test.js'
    },
    module: {
        rules: [
            {
                test: /\.js$|.jsx$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                query: {
                    presets: ['env', 'react'],
                }
            }
            {
                test: require.resolve('react'),
                loader: 'expose?React'
            }
        ]
    },
    resolve: {
        extensions: ['.js', '.jsx']
    },
    externals: {
        react: 'React'
    }
}

我创建了一个具有相同问题的示例项目here

0 个答案:

没有答案