Начало реакции не определено

Question

Я пытаюсь сделать мой React-код на экспресс-сервере ниже. Код для этого

const express  =require('express');
const react  =require('react');
const renderToString  =require('react-dom/server').renderToString;
const HelloWorld=require('./client/components/Home');
const app = express();

app.get('/', (req, res) => {
    const content=renderToString(<HelloWorld/>);
    res.send(content);
});

app.listen(3000, () => {
  console.log('Listening on prot 3000');
});

webpack.server.js

 const path = require('path');

module.exports = {
  // Inform webpack that we're building a bundle
  // for nodeJS, rather than for the browser
  target: 'node',

  // Tell webpack the root file of our
  // server application
  entry: './src/index.js',

  // Tell webpack where to put the output file
  // that is generated
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'build'),

  },
  module:{
      rules:[
          {
              test:/\.js?$/,
              loader:'babel-loader',
              exclude:/node_modules/,
              options:{
                  presets:[
                      'react',
                      'stage-0',//asyc purpose,
                      ['env',{targets:{browsers:['last 2 versions']}}]
                  ]
            }
          }
      ]
  }
};

package.json

 "dev:build:server": "webpack --config webpack.server.js"

когда я запускаю свое приложение, используя узел build \ bundle.js, я получаю реакцию не определено, даже если я импортирую реакцию в index.js

Answer 1

Изменение

const react=require('react');

на

const React=require('react'); решило мою проблему