Add study notes for 2025-08-20

Author: AutoBot42

JP3000.md

@@ -15,6 +15,95 @@ INFJ，珠海，数据科学在读，目前在学习ai agent，ai应用开发，
 ## Notes
 
 <!-- Content_START -->
+# 2025-08-20
+
+### ethers 依赖版本的问题
+`TypeError: Cannot read properties of undefined (reading 'Web3Provider')` 依然存在，说明 `ethers.providers` 还是 `undefined`。这通常有以下几种原因：
+
+---
+
+## 1. 依赖版本问题
+
+你可能安装了 ethers v6，但 v6 的导入方式和 v5 不一样。
+
+- **ethers v5** 导入方式（你的代码适用）：
+  ```javascript
+  import { ethers } from 'ethers'
+  // 使用 ethers.providers.Web3Provider
+  ```
+- **ethers v6** 导入方式：
+  ```javascript
+  import { BrowserProvider } from 'ethers'
+  // 使用 new BrowserProvider(window.ethereum)
+  ```
+
+如果你用的是 v6，`ethers.providers` 是 undefined。
+
+---
+
+## 2. 解决方法
+
+### 方法一：使用 ethers v5（推荐，兼容你现有代码）
+
+1. 卸载 v6：
+   ```bash
+   npm uninstall ethers
+   ```
+2. 安装 v5：
+   ```bash
+   npm install ethers@5
+   ```
+
+不用改代码，直接用你现在的写法即可。
+
+---
+
+### 方法二：适配 ethers v6（如果你想用最新版）
+
+1. 保持 `npm install ethers`（v6）
+2. 修改 `index.js` 相关代码：
+
+   ```javascript
+   import { BrowserProvider, Contract } from 'ethers'
+
+   // ...省略...
+
+   const addTask = async e => {
+     e.preventDefault()
+     let task = { 
+       taskText: input,
+       isDeleted: false,
+     }
+     try { 
+       const { ethereum } = window
+       if (ethereum) {
+         const provider = new BrowserProvider(ethereum)
+         const signer = await provider.getSigner()
+         const TaskContract = new Contract(
+           TaskContractAddress,
+           TaskAbi.abi,
+           signer
+         )
+         await TaskContract.addTask(task.taskText, task.isDeleted)
+         setTasks([...tasks, task])
+         console.log("Added task")
+       } else { 
+         console.log("Ethereum object does not exist")
+       } 
+     } catch(error) { 
+       console.log(error)
+     }
+   }
+   ```
+
+---
+
+## 总结
+
+- 你当前的代码只适用于 ethers v5。
+- 如果你用的是 ethers v6，必须改为 `BrowserProvider`。
+- 推荐直接用 v5，最简单。
+
 # 2025-08-19
 
 ### 写具体业务代码