React项目构建报ERR_REQUIRE_ESM错误，删除锁文件可临时解决

执行React应用构建命令react-scripts build时，遇到以下报错导致构建失败：

var stripAnsi = require('strip-ansi');
                ^

Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\rahul\Documents\project_name\node_modules\strip-ansi\index.js from C:\Users\rahul\Documents\cambian\cambian-widget-client\node_modules\react-dev-utils\FileSizeReporter.js not supported.
Instead change the require of index.js in C:\Users\rahul\Documents\project_name\node_modules\react-dev-utils\FileSizeReporter.js to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (C:\Users\rahul\Documents\project_name\node_modules\react-dev-utils\FileSizeReporter.js:15:17)
    at Object.<anonymous> (C:\Users\rahul\Documents\project_name\node_modules\react-scripts\scripts\build.js:35:26) {
  code: 'ERR_REQUIRE_ESM'
}
error Command failed with exit code 1.

删除锁文件后重新执行构建能成功，但后续再次构建又会失败，必须重复删除锁文件，导致每次代码变更后都要手动处理，严重影响部署效率。

两周前构建流程完全正常，且我确认这段时间没有新增或更新任何依赖包。

已尝试以下操作，但均未解决问题：

• 升级node、npm、yarn版本
• 执行yarn cache clean
• 执行yarn audit fix --force

环境信息：

node: 16.19.0
npm: 9.8.1
yarn: 1.22.19

React相关包版本：

"react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "^5.0.0",

内容的提问来源于stack exchange，提问作者Satyam Saurabh