Hardhat开发中ethers.parseUnits的正确使用姿势及版本迁移

Hardhat开发中ethers.parseUnits的正确使用姿势及版本迁移

本文旨在解决hardhat项目中常见的`typeerror: cannot read properties of undefined (reading ‘parseunits’)`错误。该问题通常源于`ethers.js`库在v5和v6版本之间对工具函数api的重大变更。我们将详细解释这一变化,提供正确的`ethers v6`语法,并指导开发者如何检查和适配`ethers.js`版本,确保智能合约测试和交互的顺畅进行。

理解ethers.parseUnits错误

在Hardhat开发中,我们经常需要将人类可读的以太币数量(如”1 ether”)转换为EVM所需的最小单位(wei)。ethers.js库提供了parseUnits和parseEther等实用函数来完成这项任务。然而,当开发者在测试或脚本中尝试使用如下代码时,可能会遇到TypeError: Cannot read properties of undefined (reading ‘parseUnits’)的错误:

const { deployments, ethers, getNamedAccounts } = require("hardhat");const { assert, expect } = require("chai");describe("FundMe", async function () {    let fundMe;    let deployer;    // 错误示例:在ethers v6环境中尝试使用v5语法    const sendValue = ethers.utils.parseUnits("1", "ether");     // 或者    // const sendValue = ethers.utils.parseEther("1"); });

这个错误明确指出ethers.utils对象上没有parseUnits属性,这通常不是因为拼写错误,而是因为ethers.js库的版本发生了变化。

错误的根源:ethers.js版本差异

ethers.js是一个核心的以太坊JavaScript库,广泛用于Hardhat项目。在ethers.js的v5版本中,许多实用工具函数,如parseUnits、formatUnits、keccak256等,都被封装在ethers.utils命名空间下。因此,使用ethers.utils.parseUnits()是正确的。

然而,从ethers.js的v6版本开始,为了简化API和提高模块化程度,许多常用的工具函数被提升到了ethers对象的顶层。这意味着ethers.utils命名空间下的许多函数,包括parseUnits和parseEther,都直接成为了ethers对象的属性。

因此,当你的Hardhat项目依赖于ethers.js v6版本,但你的代码仍然沿用ethers v5的ethers.utils.parseUnits语法时,就会出现上述的TypeError。

解决方案:适配ethers v6语法

解决这个问题的关键是更新你的代码以匹配ethers v6的API。只需将对ethers.utils.parseUnits或ethers.utils.parseEther的调用更改为直接调用ethers.parseUnits或ethers.parseEther即可。

以下是修正后的代码示例:

const { deployments, ethers, getNamedAccounts } = require("hardhat");const { assert, expect } = require("chai");describe("FundMe", async function () {    let fundMe;    let deployer;    // 正确的ethers v6语法    const sendValue = ethers.parseUnits("1", "ether");     // 或者,对于以太币单位,更简洁的写法    // const sendValue = ethers.parseEther("1"); });

如何确认ethers.js版本

为了避免此类版本兼容性问题,了解你的项目当前使用的ethers.js版本至关重要。你可以通过以下方式进行检查:

package.json文件:在你的项目根目录下的package.json文件中,查找dependencies或devDependencies部分,通常会看到ethers的依赖项及其版本号:

{  "name": "your-hardhat-project",  "version": "1.0.0",  "devDependencies": {    "hardhat": "^2.x.x",    "@nomicfoundation/hardhat-ethers": "^3.x.x", // 这个包通常会拉取ethers v6    "ethers": "^6.x.x" // 直接声明的ethers版本  }}

请注意,Hardhat本身或其插件(如@nomicfoundation/hardhat-ethers)可能会隐式地依赖特定版本的ethers.js。@nomicfoundation/hardhat-ethers v3及以上版本通常会引入ethers v6。

npm list ethers或yarn why ethers:在项目终端中运行以下命令,可以查看ethers库的实际安装版本:

npm list ethers# 或者yarn why ethers

这将显示项目中所有ethers依赖的树状结构和版本信息。

注意事项与最佳实践

始终查阅最新文档: 在进行开发时,务必查阅与你项目所安装的ethers.js版本相对应的官方文档。ethers.js的官方文档在不同版本之间有清晰的区分,例如v5文档和v6文档。版本锁定: 在package.json中使用^或~符号来指定依赖版本虽然方便,但在团队协作或长期项目中可能导致不一致。为了确保所有开发者和部署环境都使用相同的库版本,可以考虑使用确切的版本号(例如”ethers”: “6.7.0”)或在安装依赖后生成package-lock.json(npm)或yarn.lock(yarn)文件并提交到版本控制。迁移指南: 如果你的项目是从ethers v5升级到ethers v6,请务必仔细阅读ethers.js官方提供的迁移指南,了解所有API的重大变更,以便进行全面的代码更新。

总结

TypeError: Cannot read properties of undefined (reading ‘parseUnits’)错误是ethers.js从v5到v6版本API变更的一个典型表现。通过将ethers.utils.parseUnits或ethers.utils.parseEther更新为ethers.parseUnits或ethers.parseEther,并确保你的代码与项目实际使用的ethers.js版本保持一致,可以轻松解决这一问题。在日常开发中,养成检查依赖版本和查阅对应版本文档的习惯,将大大提高开发效率并减少不必要的调试时间。

以上就是Hardhat开发中ethers.parseUnits的正确使用姿势及版本迁移的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1541654.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 13:31:28
下一篇 2025年12月21日 13:31:44

相关推荐

  • D3.js动态数据工具提示实现教程:掌握事件处理与数据绑定

    本教程详细介绍了如何在D3.js可视化中为交互元素(如圆形)添加动态工具提示。核心内容包括D3事件监听器的正确使用(尤其是在D3 v6及更高版本中事件处理函数签名的变化),如何将绑定的数据动态地显示在工具提示中,以及工具提示的基本样式设置。通过本教程,读者将能够创建响应鼠标悬停并显示相关数据的高级D…

    2025年12月21日
    000
  • 深入理解 gtag 事件参数:如何正确动态添加 items 数组

    本文详细阐述了在 `gtag` 购买事件中,如何正确动态构建和传递 `items` 数组参数。针对常见的将对象数组错误地构建为字符串的问题,教程提供了标准的 javascript 对象数组创建方法,并指导如何将其无缝集成到 `gtag` 调用中,确保数据类型匹配,从而实现准确的电商数据追踪。 理解 …

    2025年12月21日
    000
  • JavaScript对象按值排序:理解与实践

    本文旨在深入探讨javascript对象按值排序的机制与挑战。由于javascript对象属性的固有排序规则,直接按值排序并保持键值对关联性通常不可行。我们将重点介绍如何将对象转换为更适合排序的数组结构,并提供详细的示例代码,演示如何根据值进行有效的排序,以满足在前端应用(如vue/inertiaj…

    2025年12月21日
    000
  • 构建React-Leaflet分级统计图:GeoJSON数据加载与渲染指南

    本文详细介绍了在react-leaflet中构建分级统计图时,如何高效加载和渲染geojson数据。针对geojson文件无法正确显示的问题,文章将深入探讨使用`fetch` api异步获取数据的解决方案,并解释为何这种方式在确保地理数据以正确格式呈现在地图上时至关重要,同时对比了直接导入可能遇到的…

    2025年12月21日
    000
  • JavaScript数组对象中特定属性值累积频率的计算方法

    本教程探讨如何在javascript对象数组中,为每个元素计算并添加一个新属性,该属性表示某个指定键值在遍历过程中出现的累积频率。我们将详细介绍两种主要实现策略:一种是利用 `array.prototype.reduce()` 实现非原地修改(immutable)的方法,生成一个全新的数组;另一种是…

    2025年12月21日
    000
  • 检测HTML数字输入框步进器箭头点击并自定义步长

    本文将详细介绍如何通过监听html “ 元素的 `change` 事件来检测用户点击步进器箭头操作。当默认步长无法满足复杂业务需求时,例如需要精细步长进行数据验证但用户界面操作需大步长,此方法允许开发者捕获值变化并实现自定义的增减逻辑,从而克服html原生步进器行为的限制,提供更灵活的用…

    2025年12月21日
    000
  • 解决React Context中无限循环的根源与策略

    本文深入探讨了React Context中因状态更新位置不当导致的无限循环问题。通过分析在组件渲染阶段直接调用 `setState` 如何与 `useEffect` 的依赖项及对象引用更新机制相互作用,形成死循环。文章提供了一种将初始状态设置逻辑移至 `useEffect` 钩子的解决方案,并强调了…

    2025年12月21日
    000
  • 支付接口对接方案_支付宝与微信支付的前端实现

    %ignore_a_1%接入支付宝与微信支付需遵循安全规范,核心流程为:用户提交订单后,前端请求后端创建支付单,后端生成签名并返回支付参数;前端根据类型调起对应支付。1. 支付宝接入可通过获取form表单字符串插入页面自动提交或跳转URL实现,禁止前端拼接签名。2. 微信H5支付由后端返回mweb_…

    2025年12月21日
    000
  • JavaScript文件上传验证:深入理解MIME类型与正确实践

    本文旨在解决javascript文件上传时,图片类型验证反复出现误判的问题。核心在于纠正了对`input[type=”file”]`元素`value`属性的误用,指出其仅返回文件名而非文件类型。通过引入mime类型(`file.type`)作为可靠的判断依据,并结合修正后的正…

    2025年12月21日
    000
  • React useState 对象状态在表单输入中的正确使用与显示

    本文旨在解决react应用中将usestate管理的对象状态直接绑定到表单输入value属性时,显示为[object, object]的问题。我们将详细讲解如何通过精确访问对象属性来正确绑定状态,并深入探讨usestate初始值的行为,最终提供一个完整的表单输入处理方案,包括如何实现受控组件及更新对…

    2025年12月21日
    000
  • Tailwind CSS Forms 插件样式定制:利用 CSS 进行深度覆盖

    本文详细介绍了如何有效定制 `@tailwindcss/forms` 插件的默认样式。根据插件作者的推荐,最佳实践是在 `@layer base` 中直接编写自定义 css。通过这种方式,开发者可以利用 css 变量和 tailwind 的 `theme()` 函数,轻松覆盖表单元素的颜色、焦点状态…

    2025年12月21日
    000
  • 在Firebase Auth重定向登录后读取自定义参数的策略

    本文旨在解决firebase auth在执行`signinwithredirect`后,无法通过`getredirectresult`直接获取自定义参数的问题。我们将探讨firebase auth的这一特性,并提出一种实用的客户端解决方案:利用浏览器`localstorage`在重定向前持久化这些参…

    2025年12月21日
    000
  • JavaScript箭头函数应用_JavaScript简洁编码风格

    箭头函数是ES6引入的简洁语法,能减少代码量并固定this指向。1. 箭头函数可省略括号、花括号和return,适用于数组map、filter等操作;2. 无自身this,继承外层作用域this,适合定时器、事件回调;3. 提升链式调用可读性,如filter后接map提取数据;4. 不适用于需动态t…

    2025年12月21日
    000
  • JavaScript异步事件处理在iOS上的变量作用域陷阱与解决方案

    本文深入探讨了在ios设备上,使用事件监听器内的异步函数时,参数传递可能因javascript代码压缩工具(如uglify)而出现`undefined`的问题。文章通过分析代码压缩如何导致内部函数与外部事件监听器之间产生变量名冲突,尤其是在webkit引擎中的表现,并提供了一个简单而有效的解决方案:…

    2025年12月21日
    000
  • 如何用Javascript进行机器学习?

    JavaScript可通过TensorFlow.js、ONNX.js、ml5.js等库实现端侧ML,适合图像分类、姿态估计等场景;也可与Python后端协同,发挥各自优势。 JavaScript 本身不是为机器学习设计的语言,但它可以通过专门的库在浏览器或 Node.js 环境中实现模型训练、推理和…

    2025年12月21日
    000
  • Next.js 13.4中媒体查询的正确使用姿势与常见陷阱

    本文详细阐述了在next.js 13.4项目中正确配置和使用css媒体查询的方法。针对常见的媒体查询不生效问题,文章指出关键在于避免将`@media`规则错误地嵌套在css选择器内部,并提供了正确的全局或模块化css中媒体查询的编写范例,同时强调了视口元标签的正确配置,确保响应式设计在next.js…

    2025年12月21日
    000
  • 使用React.js构建高级圆形轮播图:实现Pango.co.il风格的动态效果

    本文深入探讨了在React.js中实现类似Pango.co.il网站的复杂圆形轮播图的技术挑战与解决方案。我们将重点讲解如何利用CSS的3D transform属性,结合React的状态管理,实现完美的圆形布局、动态的激活状态(居中放大)、以及前后项的透视和缩放效果,同时确保每个幻灯片始终面向用户。…

    2025年12月21日
    000
  • JavaScript中如何实现二分查找_有序数组操作

    二分查找适用于已排序数组,时间复杂度O(log n),通过每次比较中间元素缩小区间;基础迭代实现用left/right指针和mid=left+Math.floor((right−left)/2)避免溢出,未找到返回−1;含重复元素时可找左右边界,需调整收缩逻辑并校验越界;递归版逻辑清晰但推荐迭代版;…

    2025年12月21日
    000
  • 解决JavaScript正则表达式中特殊字符的转义问题

    在JavaScript中使用`RegExp`构造函数创建正则表达式时,如果模式字符串中包含`[`等特殊字符而未正确转义,会导致“Invalid regular expression: Unterminated character class”错误。本教程将深入解析此错误产生的原因,并详细演示如何在字…

    2025年12月21日
    000
  • 优化WebGL纹理单元使用:理解与高效数据打包策略

    本文旨在探讨webgl中`max_combined_texture_image_units`参数的跨浏览器与设备差异,并指出该参数并非性能优化的关键。文章将解释为何该值因硬件、驱动和浏览器实现而异,并强调盲目追求高纹理单元数量的局限性。核心策略是摒弃原子式数据供给,转而采用高效的数据打包技术,如纹理…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信