尝试更改

new webpack.DefinePlugin({
      "process.env": {
        // This has effect on the react lib size
        NODE_ENV: JSON.stringify("production"),
      },
    }),

至

plugins: [
    new webpack.DefinePlugin({
        'process.env.NODE_ENV' : JSON.stringify('production')
    })
]

你说你“试着运行开发模式”。根据你的package.json，这意味着运行：
webpack --mode development --watch（注：v4语法）

1. mode parameter是Webpack运行时使用的模式，即在“* 构建时 *”（或“编译时”）。
   1.当您尝试为“run time”（不同于“build time”）定义该变量时，DefinePlugin会检查该变量，如果两者不同，则会发出警告（此处为代码）。

溶液

确保webpack.config对象中的mode（或CLI命令中的mode，该命令覆盖config对象中的mode）与传递给DefinePlugin的mode相同。

如何在webpack.config.js中访问Webpack CLI参数？

如果您希望能够从CLI或package.json脚本提供mode参数，并且仍然让DefinePlugin不给予警告（意味着您从CLI获取该值并将其插入DefinePlugin），请执行以下操作：
从module.exports = { mode: ..., rules: ... };更改webpack.config.js的内容（或export default { ... }）将object配置为function，如下所示。（你的return是最终的config对象），但允许从第一个参数env阅读环境变量，以及来自第二个参数argv：

module.exports = (env, argv) => {
  // `mode` is `'XX'` if you ran webpack like so: `webpack watch --mode XX` (v5 syntax)
  const mode = argv.mode || 'development'; // dev mode by default

  // ...

  return {
    mode,   // this is optional, since webpack already knows the `mode` from the CLI parameter
    // ...
    plugins: [
      // ...
      new webpack.DefinePlugin({
        'process.env.NODE_ENV': JSON.stringify(mode)
      })
    ]
    // ...
  };
};

PS：您使用的是Webpack@4。如果您使用的是Webpack@5，则必须更改

webpack --mode development --watch个
至
webpack watch --mode development .

PPS：总是首选'process.env.NODE_ENV': JSON.stringify('X')而不是'process.env': JSON.stringify({ NODE_ENV: 'X' })，因为前者会安全地将代码中所有出现的process.env.NODE_ENV替换为"X"，而后者会将任何出现的process.env替换为{ "NODE_ENV": "X" }。这反过来可能会扰乱其他环境变量。例如：process.env.Y将变为({ "NODE_ENV": "X" }).Y，即undefined。

感谢大家的帮助，非常感谢！
最后，我在webpack.config的以下代码段中用“development”替换了“production”：

plugins: [
    new webpack.DefinePlugin({
      "process.env": {
        // This has effect on the react lib size
        NODE_ENV: JSON.stringify("development"),
      },
    }),
  ]

它摆脱了警告，但我想知道这有什么影响。

此错误表示您尝试在DefinePlugin呼叫中重新指派process.env.NODE_ENV，而指派的值与之前的值不同。
您可以通过在config中添加mode选项或在optimization中添加nodeEnv键来隐式设置它，或者在运行webpack之前设置环境变量。
看起来这就是你的情况。你在某个地方设置了NODE_ENV=development，运行了webpack，然后你试图将它重新分配给production。
检查你如何运行webpack和NODE_ENV环境值。

The value in  NODE_ENV: JSON.stringify("this_value_here") 
should match the value inside package.json "scripts": {
    "dev": "webpack --mode development --watch",
    "build": "webpack --mode production"
  },

如果运行的是"npm run dev"，则保留JSON.stringify("development")，如果运行的是"npm run build"，则将其更改为JSON.stringify("production")。