renderToString вызывает Uncaught ReferenceError: требование не определено

В настоящее время я сталкиваюсь с этой проблемой в течение 3 дней и не могу решить:

Uncaught ReferenceError: require is not defined
at Object.<anonymous> (external "stream":1)
at n (bootstrap:19)
at Object.<anonymous> (react-dom-server.node.production.min.js:10)
at n (bootstrap:19)
at Object.<anonymous> (server.node.js:4)
at n (bootstrap:19)
at Object.<anonymous> (server.js:3)
at n (bootstrap:19)
at Object.<anonymous> (renderer.js:2)
at n (bootstrap:19)

По сути, в моем файле renderer.js у меня есть эта функциональность:

import {renderToString} from 'react-dom/server';

export default (req) => {
    let context = {};
    const content = renderToString(
        <Router location={req.path} context={context}>
            <FullPage />
        </Router>
    );
};

Это основная строка, которая в основном вызывает ошибку, это происходит, когда я пытаюсь импортировать метод renderToString из 'react-dom/server':

введите здесь описание изображения

Я пробовал разные вещи, такие как удаление target: 'node', но ни одно из решений не сработало. Что может быть причиной этого? Я застрял на этом в течение последних 3 дней и не уверен, что это такое.

Моя конфигурация Webpack:

webpack.base.config.js

module.exports = {
devtool: 'source-map',
module: {
    rules: [
        {
            test: /\.js?$/,
            options: {
                presets: [
                    'react', 'stage-2',
                    ['env', { targets: { browsers: ['last 2 versions'] } }]
                ]
            },
            loader: 'babel-loader',
            exclude: /node_modules/
        }
    ]
}

};

webpack.server.js

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

const SERVER_DIR = path.resolve(__dirname, 'src/server');
const BUILD_DIR = path.resolve(__dirname, 'dist');

const merge = require('webpack-merge');
const baseConfig = require('./webpack.base.config');

const config = {
    target: 'node',
    entry: SERVER_DIR + '/index.js',

    mode: 'production',
        output: {
        path: BUILD_DIR,
        filename: 'bundle.server.js'
    }
};


module.exports = merge(baseConfig, config);

person Humza Khan    schedule 12.09.2018    source источник
comment
Включите свою ошибку в качестве примера кода ({}) в свой вопрос. Изображение вашего исключения бесполезно.   -  person Luca Kiebel    schedule 12.09.2018
comment
@LucaKiebel обновил вопрос.   -  person Humza Khan    schedule 12.09.2018
comment
В Stack Overflow есть несколько десятков вопросов относительно этой ошибки... Например, ReactJS: Uncaught ReferenceError: require is notdefined. Вы смотрели на любой из тех?   -  person Heretic Monkey    schedule 12.09.2018
comment
@HereticMonkey Я изучил почти все из них, но ни один из них не решает мою проблему. Если присмотреться, моя ошибка связана с функцией renderToString, а не с моим кодом. Эта функция поставляется с пакетом react-router, который я не могу контролировать.   -  person Humza Khan    schedule 13.09.2018
comment
@LucaKiebel Изображения исключений бесполезны при работе с .NET (согласно ссылке, которой вы поделились), потому что многие детали инкапсулированы в объекте исключения. Мое сообщение об ошибке довольно простое, без дополнительных деталей, поэтому изображение тоже подойдет.   -  person Humza Khan    schedule 13.09.2018