mirror of https://github.com/VirtualHotBar/NetMount.git synced 2026-06-20 12:52:15 +08:00

Files

caiqingzhi2020 2f7d587ae8 fix：utils.ts:219 Z: react.development.js:209 Warning: Each child in a list should have a unique "key" prop.

2026-02-09 20:56:26 +08:00

10 KiB

Raw Blame History

netmount bug fixes using latest dependencies, long-term maintenance version | netmount 修复bug 使用最新依赖，长期维护版最新release版

更新日志/what's new： Before fix:

Key log: Headers: {"Authorization":"openlist-6d97cf79-36e9-4f01-b564-77105acc7d679bC6x49oLrmVKSHwPWNr5IuGjSHlVecqWcRanmbCUCurDmzzvdQZbJ5HTeoF2hk4\n\u001b[36mINFO\u001b[0m[2026-02-0817:25:28]readingconfigfile:...

Analysis: The Authorization header contains the entire command line output, including multi-line text and ANSI color codes! This causes fetch to throw an "Invalid value" error because HTTP headers cannot contain newline characters or control characters.

Conclusion: The issue is in the getOpenlistToken() function in openlist.ts, which does not correctly extract the token.

Fixes:

Modify the getOpenlistToken() function to extract only the first line containing the token.
Remove excess logs and control characters.
Add error handling.

修复前 :

关键日志：Headers: {"Authorization":"openlist-6d97cf79-36e9-4f01-b564-77105acc7d679bC6x49oLrmVKSHwPWNr5IuGjSHlVecqWcRanmbCUCurDmzzvdQZbJ5HTeoF2hk4\n\u001b[36mINFO\u001b[0m[2026-02-0817:25:28]readingconfigfile:...

分析:Authorization header 包含了整个命令行输出，包括多行文本和 ANSI 颜色代码！这导致 fetch 抛出 "Invalid value" 错误，因为 HTTP header 不能包含换行符或控制字符，

结论：问题在 openlist.ts getOpenlistToken() 函数，它没有正确提取 token

修复内容：getOpenlistToken() 函数只提取 token 所在的第一行移除多余的日志和控制字符添加错误处理

修复前： 1主要问题Rclone连接失败：前端重复尝试连接但收到 ERR_CONNECTION_REFUSED 错误 2 pnpm tauri dev下偶尔发生netmount/openlist/config.json损坏

分析： debug 发现 Rclone已经成功启动（日志显示Serving remote control on http://[::]:60021/），但前端连接失败的原因是： IPv4/IPv6地址不匹配问题： Rclone绑定到IPv6地址：http://[::]:60021/ 前端连接IPv4地址：http://localhost:60021/（Windows默认解析为 127.0.0.1）

时序问题： Rclone进程启动后需要时间初始化服务，but进程启动后立即测试连接，，而此时服务尚未完全就绪

其他问题： React DOM嵌套警告：

不能作为

的子元素

已实施的修复

修复React DOM嵌套警告文件：src/main.tsx 将 < p > 标签改为 < d iv> 标签
修复IPv4/IPv6地址不匹配文件：src/utils/rclone/process.ts 改为明确的IPv4地址 127.0.0.1
增加服务启动等待时间文件：src/utils/rclone/process.ts 在spawn后添加1秒等待时间
完善API请求头部文件：src/utils/rclone/request.ts 问题：只发送Authorization头，缺少Content-Type和请求体修复：使用完整的headers并添加JSON请求体
增强netmount/openlist/config.json稳定性文件：src\utils\openlist\openlist.ts 修复modifyOpenlistConfig函数，在文件不存在时使用空对象

修复后：

分析：问题在于在渲染阶段直接调用 setFieldValue，违反了 React 的渲染纯净性原则

修复内容：src\page\storage\add.tsx 安全地设置 mount_path，避免在渲染阶段更新状态

修复前： InputForm.tsx:224 Warning: Each child in a list should have a unique "key" prop.

分析：问题根源：在 InputForm.tsx 某循环中，渲染多个组件时未提供 key 属性

修复方案：使用 dataItem.name 作为 key： name 字段是唯一的表单参数标识符

修复前： 1）存储‘管理’页面react.development.js:209 Warning: Each child in a list should have a unique "key" prop. 2）存储‘浏览’页面 react-dom.development.js:86 Warning: validateDOMNesting(...):

cannot appear as a descendant of

1）问题分析：src\page\storage\storage.tsx 在数据映射中，使用的是小写的item.path字段但Table组件的rowKey属性设置为大写的'Path' 导致React无法找到正确的key字段，从而产生警告 2）问题分析：src\page\storage\explorer.tsx 在<Typography.Paragraph>组件中包含了

元素还有多处

1)方案：将rowKey属性改为小写的'path'以匹配数据字段 2)解决方案：将<Typography.Paragraph>改为普通的
元素等等

修复前：‘添加挂载’页面react-dom.development.js:86 Warning: validateDOMNesting(...):

cannot appear as a descendant of .

分析：不能作为另一个的后代出现。这是一个嵌套表单的警告，出现在 AddMount_page src/page/mount/add.tsx中，涉及 InputForm_module src/page/other/InputForm.tsx

修复：移除外层标签，将表单项直接放在容器中移除外层标签，用普通
容器包装表单项

bug ’添加挂载‘页面点击’挂载‘后报错日志 react.development.js:209 Warning: Each child in a list should have a unique "key" prop. 分析表格数据映射时缺少唯一 key 属性

修复
src/page/mount/mount.tsx - 添加了唯一 key 属性优化了 mountStorage 调用的异步处理添加 async 并使用 loading 状态优化体验

NetMount

统一管理和挂载云存储设施

首页 - 文档 - 博客

发布版

在仓库的 Releases 页面或官方站点可以下载到最新发布的版本。

开发

招募本项目的维护者，如果你觉得本项目有价值或对你有帮助，请一起完善本项目。

技术栈：Rust + TypeScript + Tauri + React + Vite

开发环境:Nodejs(包管理PNPM) + Rust

命令:

安装依赖：pnpm install
启动开发环境：pnpm tauri-dev
构建可执行文件：pnpm tauri-build

截图

鸣谢

缤纷云 Bitiful - 为本项目提供CDN和存储资源。

许可证

NetMount的自编代码基于 AGPL-3.0 许可证开源。详细信息请参阅

10 KiB Raw Blame History Unescape Escape

netmount bug fixes using latest dependencies, long-term maintenance version | netmount 修复bug 使用最新依赖，长期维护版 最新release版

修复内容：src\page\storage\add.tsx 安全地设置 mount_path，避免在渲染阶段更新状态

修复方案： 使用 dataItem.name 作为 key： name 字段是唯一的表单参数标识符

1)方案：将rowKey属性改为小写的'path'以匹配数据字段 2)解决方案：将<Typography.Paragraph>改为普通的元素 等等

修复：移除外层 标签，将表单项直接放在容器中 移除外层 标签，用普通 容器包装表单项

修复 src/page/mount/mount.tsx - 添加了唯一 key 属性 优化了 mountStorage 调用的异步处理添加 async 并使用 loading 状态优化体验