Javascript ReactJS-网页包未捕获错误：未定义require

下面是我的webpack.config.js。在浏览器开发人员工具中，获取“未捕获引用错误：未定义要求”

我试图解决这个问题已经有一段时间了，但仍然不知道我遗漏了什么

我找了很多，找不到适合我的问题的正确答案

谁能帮我一下吗

const path=require（'path'）；
const HtmlWebpackPlugin=require（'html-webpack-plugin'）；
const ExtractTextPlugin=require（'extract-text-webpack-plugin'）；
const nodeExternals=require（'webpack-node-externals'）；
//我们的道路不变
常量路径={
DIST:path.resolve（_dirname，'DIST'），
SRC:path.resolve（uu dirname，'SRC'），
JS:path.resolve（uu dirname，'src/JS'），
};
//网页包配置
module.exports={
条目：path.join（path.JS，'app.JS'），
输出：{
路径：paths.DIST，
文件名：“app.bundle.js”
},
插件：[
新HtmlWebpackPlugin({
模板：path.join（path.SRC，'index.html'），
}),
新的ExtractTextPlugin（'style.bundle.css'），
],
模块：{
规则：[
{
测试：/\（js|jsx）$/，
排除：/node_模块/，
使用：[
“巴别塔装载机”，
],
},
{
测试：/\.css$/,，
加载程序：ExtractTextPlugin.extract({
使用：“css加载器”，
}),
},
{
测试：/\（png | jpg | gif）$/，
使用：[
“文件加载器”，
],
},
],
},
决心：{
扩展：['.js'，'.jsx']，
},
目标：'节点'，
外部：[nodeExternals（）]，
节点：{
安慰：是的，
财政司司长：‘空置’，
net:'空'，
tls:'空'
},
开发服务器：{
contentBase:path.SRC，
},
};找到了问题。您使用了
target:node
。删除此项以解决问题

这将指示Webpack进行编译，以便在类似Node.js的环境中使用（使用Node.js require加载块，而不接触任何内置模块，如fs或path）。当在浏览器中运行require时，没有polyfill可用，因此会报告所述错误。
您确定要通过terminal/CMD中的节点调用此文件，例如：
webpack--config webpack.config.js
@VijayDev I run npm run dev，而浏览器就是我得到该错误的地方。