React + webpack:“process.env”未定义

2023-12-28

我正在尝试使用 webpack 在我们的网站上运行热开发服务器;该网站使用 ReactJS,其中包含以下代码:

if (\"production\" !== process.env.NODE_ENV) // etc

当不运行热插拔时,它没问题,但使用热插拔时,它会运行,导致错误:

TypeError: process.env is undefined

代码如下所示:

该项目仿照https://github.com/webpack/react-starter https://github.com/webpack/react-starter which does工作;所以问题是;我在配置文件中犯了什么错误和/或当“生产”编译工作正常时如何查找错误?

我已经发布了webpack 配置文件的要点 https://gist.github.com/haf/f671f1113d2c5dead5a7.


在你的 webpack 配置中,有两个选项会影响process.env:

  • 当您指定config.target https://gist.github.com/haf/f671f1113d2c5dead5a7#file-gistfile1-txt-L121 (see config.target http://webpack.github.io/docs/configuration.html#target)
  • 当您定义process.env变量通过DefinePlugin https://gist.github.com/haf/f671f1113d2c5dead5a7#file-gistfile1-txt-L110

看看你的代码,它看起来像process.env当两者都可能是未定义的options.prerender and options.minimize are false.

您可以通过始终使用定义的环境来解决此问题process.env (ex: node),或者通过使用DefinePlugin自己为变量分配默认值。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React + webpack:“process.env”未定义 的相关文章

  • 用隐藏单元格补充 colspanned 表格有什么不好吗?

    我一直在表格上开发一些排序和选择功能 我发现在具有跨单元格的表格中定位非常困难 我只是添加了跨区单元格并将其隐藏 它看起来不错 它与我的 js 一起工作 非常适合索引 但我想知道这是否是合法的方法 stuffing display none
  • 如何使用 JavaScript 中的值填充下拉列表?

    我在 Tridion CMS 扩展中的功能区工具栏按钮中添加了一个按钮 单击该按钮后 将显示一个弹出页面 其中包含两个下拉菜单 通过更改第一个下拉控件中的值 我应该填充第二个下拉控件的值 就我而言 我正在使用ASP drop down li
  • 消息“在 jest.setTimeout 指定的 5000 毫秒超时内未调用异步回调”

    我正在使用 Puppeteer 和 Jest 来运行一些前端测试 我的测试如下 describe Profile Tab Exists and Clickable settings user gt test Assert that you
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • jQuery 选择 # id 以单词为前缀,计数器为后缀

    有没有办法用 jQuery 选择所有带有前缀 my 和后缀 0 9 的 id 像这样的 my 1 4 还是可以用循环来实现 div div div div div div div div div div 第一个想法 似乎效果很好 div i
  • 如何仅在 NextJS 站点构建期间使用 getInitialProps?

    当使用 NextJS 构建静态站点时 我想要getInitialProps方法仅在构建步骤期间触发 而不是在客户端上触发 在构建步骤中 NextJS 运行getInitialProps 方法 https nextjs org docs fe
  • 动画进度元素值

    我有一个progress元素 该元素如下所示 div class container div div div
  • 如何使用canvas.toDataURL()将画布保存为图像?

    我目前正在构建一个 HTML5 Web 应用程序 Phonegap 本机应用程序 我似乎不知道如何将画布保存为图像canvas toDataURL 有人可以帮我吗 这是代码 有什么问题吗 我的画布被命名为 canvasSignature J
  • 检查 touchend 是否在拖动后出现

    我有一些代码可以更改表的类 在手机上 有时表格对于屏幕来说太宽 用户将拖动 滚动来查看内容 但是 当他们触摸并拖动表格时 每次拖动都会触发 touchend 如何测试触摸端是否是触摸拖动的结果 我尝试跟踪dragstart和dragend
  • React Native:加载图像后应用程序性能不佳

    加载图像似乎没有问题 但是加载完毕后就出现问题了 在我的应用程序中 我在整个游戏中一张一张地加载卡片图像 一旦我加载了 40 张卡片图像 整个应用程序就会变得很慢 它总是发生在第 40 个图像处 当我在第 40 个图像之后继续加载更多卡片图
  • 如何在React中的Material-UI选择框中设置默认值?

    我在用选择框 https material ui com demos selects 来自材料用户界面 我想显示默认选择的 选择值 选项 但之后用户无法选择此选项
  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的
  • 是否有任何非轮询方式来检测 DOM 元素的大小或位置何时发生变化?

    很长一段时间以来 我一直在寻找一种方法来检测 DOM 元素的大小或位置何时发生变化 这可能是因为窗口调整了大小 或者因为向该元素添加了新的子元素 或者因为在该元素周围添加了新元素 或者因为 CSS 规则已更改 或者因为用户更改了浏览器的字体
  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t
  • Chartjs刻度标签位置

    尝试让 Y 轴刻度标签看起来像image https i stack imgur com XgoxX png 位于秤顶部且不旋转 缩放选项当前如下所示 scales yAxes id temp scaleLabel display true
  • 当用户单击链接时,如何记录 MixPanel 事件?

    当用户单击某种类型的链接时 我试图在 MixPanel 中记录一个事件 我正在使用 JQuery 不引人注意地完成此操作 据我所知 我需要添加一个回调函数 以便在记录事件后将用户带到 URL 这是我正在使用的代码 不幸的是
  • 如何在 Google 地图 V3 中创建编号地图标记?

    我正在制作一张上面有多个标记的地图 这些标记使用自定义图标 但我还想在顶部添加数字 我已经了解了如何使用旧版本的 API 来实现这一点 我怎样才能在V3中做到这一点 注意 当您将鼠标悬停在标记上时 标题 属性会创建一个工具提示 但我希望即使
  • 如何在 javascript 正则表达式中匹配平衡分隔符?

    我原以为这个问题是不可能的 据我所知 Javascript 的正则表达式既没有递归插值 也没有漂亮的 NET 平衡组功能 但问题就在那里 如问题 12 所示正则表达式 alf nu http regex alf nu 匹配平衡对 lt an
  • 单击引导分页链接时调用 jquery 函数

    我想在单击引导分页链接时调用 jquery 函数 假设我想从第1页遍历到第2页 应该调用一个jquery函数 我正在使用以下代码 但它不起作用 ul pagination on click li function alert page ch
  • 需要有关 React Js 的帮助

    我是 React Js 新手 我的代码无法正常工作 请看下面 这是我的脚本文件Main jsx 该文件由 React 编译 输出放置在 dist 文件夹下的 main js 文件中 var react require react react

随机推荐

  • LINQ-实体日期部分[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我有一种方法可以获取 linq to
  • 模拟:ASP.Net MVC 控制器操作与 Web 表单

    ASP Net MVC 控制器操作与 ASP Net Web 表单之间的模拟有区别吗 在同一个 Web 项目中使用完全相同的代码 当从 Web 表单连接到 SQL Server 时 我能够成功模拟 Windows 用户 但不能从控制器操作连
  • 从独立应用程序运行加特林的正确方法是什么

    我需要从主应用程序启动加特林模拟 用例如下 应用程序读取规范 并根据该规范生成测试用例 测试用例被转换为加特林场景 这些场景在加特林模拟中运行 到目前为止 我设法通过 sbt 插件做到这一点 然而 如果我们想在其他上下文中重用我正在开发的工
  • 视图控制器类的出口应该是弱还是强?操作系统应用程序

    这就是我所做的 制作一个干净的 OSX 项目 转到 main xib 并拖动弹出控制器 这在界面生成器上创建了 2 个可见对象 我去了 appDelegate h 文件并做了 属性 assign IBOutlet NSViewControl
  • 如何使用 `boost::spirit` 将语法解析为 `std::set`?

    TL DR 如何解析 a 的结果boost spirit语法转化为std set 完整的问题陈述 作为学习如何使用的练习boost spirit 我正在为 X 500 LDAP 可分辨名称设计一个解析器 语法可以在 BNF 格式中找到RFC
  • 如何有效地合并两个数据集?

    我正在尝试通过一个通用 ID 合并两个相当大的数据集 但不是大得离谱 360 000 X 4 57 000 X 4 我尝试过常规的merge merge data table and sqldf 每次我总是内存不足 cannot alloc
  • 在二维数组中查找可用的“数字”

    我有这个问题需要以最有效的方式解决 我有一个二维数组 其中包含以下内容 凡是 1 的东西都是一堵 墙 这意味着你无法穿过它 2 是您 进入 阵列或地图 如果您愿意 的入口 3是我们需要找到的东西 这是地图的示例 1111111 1 3131
  • 尝试在 Box 中创建文件夹的共享链接时出现访问被拒绝的错误消息

    所以从我的上一个问题 https stackoverflow com questions 22098865 privileges required to return the list of enterprise users in box关
  • 在类 Test 中实例化类 Test 的成员是否是递归?

    这是递归吗 public class Test Test test new Test public static void main String args new Test 版本怎么样实例初始值设定项 http www programcr
  • db4o 从数据库查询对象的最佳实践

    我正在使用两种不同的方式来查询 db4o 中的对象 我想讨论一下 1 在第一个示例中 我创建了一个 ObjectContainer 实例 打开连接 然后关闭它 ObjectContainer db Db4oEmbedded openFile
  • 为什么 VS 2008 不支持 J#,这种语言已经死了吗?

    MS 放弃 J 了吗 目前我们通过 J 程序集与软件集成 有谁知道2010年是否会得到支持 这是回答您问题的链接 http social msdn microsoft com Forums en US visualjsharpgeneral
  • 根据具体情况填写清单

    我参加了一次面试 面试官给了我一个关于list的问题 例如 原始列表如下 0 1 0 0 2 0 0 1 the 2应该尽可能地填充列表 除非遇到 1 所以输出将是 0 1 2 2 2 2 2 1 一个例子 0 2 1 0 1 2 0 0
  • 按日期对多个数据框中的列求和

    在我看来 这听起来像是应该在本地完成的事情 但我只是无法在 Pandas 中找到执行此操作的函数 是的 我可能只是一个白痴 基本上 我们假设我有 df1 x y date 1 2 1 1 2020 2 3 2 1 2020 3 4 3 1
  • C程序-for循环中的fork命令

    我正在编写一个C程序 使用fork命令并循环10次 同时 每次循环都会显示进程ID 以下是我的代码 include
  • .NET core 在缺少 cookie 时返回 500 而不是 401

    我有一个使用 cookie 身份验证的 NET core API 它由具有自己的登录路由的 PWA SPA 访问 In Startup cs public void ConfigureServices IServiceCollection
  • 通过 WCF 发送实体框架实体:如何防止导航字段序列化?

    我在通过 WCF 发送具有导航属性的实体框架生成的实体时遇到问题 我有一个Securities用于存储财务数据的数据库以及其中的两个表 Stock Id Symbol CompanyName ExchangeName Option Id S
  • 如何在CSS中将span元素居中? [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我有三个 span 我想要一个接一个
  • 如何在课堂上支持 println?

    我自己制作的类需要支持什么才能println 打印它 例如 我有 public class A 应该对哪些方法进行分类A必须让这段代码工作吗 也许是这样的 public static void main A a new A System o
  • 使用 setRequestedConfiguration 后,不会调用 onConfigurationChanged

    我已经设置了活动来处理配置更改并且它有效 这意味着onConfigurationChanged 当方向改变时被调用 该活动有一个按钮可以显式更改方向 点击后 它调用了setRequestedOrientation ActivityInfo
  • React + webpack:“process.env”未定义

    我正在尝试使用 webpack 在我们的网站上运行热开发服务器 该网站使用 ReactJS 其中包含以下代码 if production process env NODE ENV etc 当不运行热插拔时 它没问题 但使用热插拔时 它会运行