[英]Getting React is not defined
i am trying render my React code on express server below is the code for that 我正在尝试在下面的快递服务器上渲染我的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 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 的package.json
"dev:build:server": "webpack --config webpack.server.js"
when i run my application using node build\\bundle.js i am getting react is not defined even i am importing react in index.js 当我使用节点build \\ bundle.js运行我的应用程序时,即使在index.js中导入react,我也没有定义react
Changing 更改
const react=require('react');
to 至
const React=require('react');
solved my problem 解决了我的问题
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.