随着CRA 5的发布，webpack升级到了v5版本，其中移除了一些node内置模块(如process)。
你可以选择将应用踢出，但这并不理想，或者使用类似craco的方法来配置webpack与未踢出的create-react-app。
有一个open pull request可以解决这个问题。

我们还发现，在当前情况下，CRA5几乎无法使用。
我们执行了弹出操作，安装了process,并在webpack配置中添加了以下行：

resolve: {
      // ...
      alias: {
        // ...
        process: 'process/browser',
      },

我们也在考虑驱逐，除非 #11764 会被合并。但目前它存在冲突。
更新：我们已经驱逐了 :D

同样的问题，暂时退回到4.0.3版本。我刚开始使用CRA,这个基本的bug让人有些不安。有没有针对测试webpack包运行的测试来检查这类问题？

这可能是eslint的问题。我遇到了相同的问题，并使用以下代码更新了.eslintrc文件中的env部分，这样我就能够访问本地存储和进程的node API和windows API链接。你不需要弹出或添加CRACO。另外，craco仍然没有扩展到CRA 5的支持。测试表明我能够访问变量

env: {
    browser: true,
    node: true,
  },

。

请查看以下内容：#12374 (评论)

看到这个问题，它引起了我的关注，所以我进行了一些调查。请记住，我对webpack一无所知，所以很可能遗漏了一些东西。

在示例仓库@ru-web-designer中，当我删除console.log(process)后，项目立即加载。这对我来说似乎很奇怪，所以我查看了webpack配置，看起来像是使用这个in. https://github.com/facebook/create-react-app/blob/main/packages/react-scripts/config/env.js

function getClientEnvironment(publicUrl) {
  const raw = Object.keys(process.env)
    .filter(key => REACT_APP.test(key))
    .reduce(
      (env, key) => {
        env[key] = process.env[key];
        return env;
      },
      {
        // Useful for determining whether we’re running in production mode.
        // Most importantly, it switches React into the correct mode.
        NODE_ENV: process.env.NODE_ENV || 'development',
        // Useful for resolving the correct path to static assets in `public`.
        // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
        // This should only be used as an escape hatch. Normally you would put
        // images into the `src` and `import` them in code to get their paths.
        PUBLIC_URL: publicUrl,
        // We support configuring the sockjs pathname during development.
        // These settings let a developer run multiple simultaneous projects.
        // They are used as the connection `hostname`, `pathname` and `port`
        // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
        // and `sockPort` options in webpack-dev-server.
        WDS_SOCKET_HOST: process.env.WDS_SOCKET_HOST,
        WDS_SOCKET_PATH: process.env.WDS_SOCKET_PATH,
        WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,
        // Whether or not react-refresh is enabled.
        // It is defined here so it is available in the webpackHotDevClient.
        FAST_REFRESH: process.env.FAST_REFRESH !== 'false',
      }
    );
  // Stringify all values so we can feed into webpack DefinePlugin
  const stringified = {
    'process.env': Object.keys(raw).reduce((env, key) => {
      env[key] = JSON.stringify(raw[key]);
      return env;
    }, {}),
  };
  return { raw, stringified };
}

来加载环境变量的。

所以在我看来，他们使用DefinePlugin来加载环境变量，而不是依赖于node内置的。这似乎可以解释为什么process是未定义的，但具体来说是process.env。希望这有所帮助。