create-react-app react-error-overlay@6.0.10热更新时出错

eni9jsuy  于 2022-10-28  发布在  React
关注(0)|答案(4)|浏览(322)

未捕获的引用错误:未定义进程
位于对象.4043(:2:13168)
静止时
位于对象.8048(:2:9496)
静止时
位于对象.8641(:2:1379)
静止时
电话:2:315627
电话号码:2:324225
电话号码:2:324229
在HTMLIFrameElement上加载(索引.js:1:1)

  1. npm安装
  2. npm运行开始
    3.更改某些代码
iyfamqjs

iyfamqjs1#

我也看到了这一点,我不得不添加Yarn模块解决方案,以将react-error-overlay固定到6.0.9
这里也可以看到https://stackoverflow.com/questions/70357360/process-is-not-defined-on-hot-reload/70402397
我目前在cra v4.0.3上

pcww981p

pcww981p2#

希望react开发人员能意识到他们的工具是在React项目之外使用的(在我的例子中是与webpack-dev-server捆绑在一起的),而且我没有在一个定义了过程的环境中运行。
为什么不创建帮助函数来处理进程呢?例如:

"win32" === getProcessValue("platform")
"production" === getProcessEnvValue("NODE_ENV")

export function getProcessValue(key) {
    if (typeof process === "undefined") {
        return undefined;
    }
    return process[key];
}

export function getProcessEnvValue(key) {
    const env = getProcessValue("env");
    if (!env) {
        return undefined;
    }
    return env[key];
}

谢谢你!

deikduxw

deikduxw3#

@gamedevsam你能详细解释一下你所说的“工具在React项目之外使用(在我的例子中与webpack-dev-server捆绑在一起)"是什么意思吗?

2w3kk1z5

2w3kk1z54#

我使用的是一个由create-lwc-app创建的LWC组件组成的堆栈。我没有在任何地方使用React,但Webpack的HMR似乎捆绑了一些react库,为非react项目提供调试实用程序。

相关问题