Electron包装的web项目报错：“TypeError: Cannot read properties of undefined (reading ‘resolve‘)“

最新推荐文章于 2025-09-24 10:08:43 发布

原创最新推荐文章于 2025-09-24 10:08:43 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #electron #javascript

Electron 专栏收录该内容

8 篇文章

订阅专栏

文章讨论了在改造项目时，由于Electron中的路径解析与Web项目不同，导致菜单栏跳转出错。为保持一致性，作者提议使用path.posix.resolve替换path.resolve。通过检查window.process.versions.electron来判断是否在Electron环境中，并据此选择合适的路径解析方法。文章还提到可以通过锁定Electron版本并在本地存储中检查该版本来优化判断过程。

问题就是在改造的时候，进行了替换处理，为什么要将 path.resolve 替换为 path.posix.resolve ?

// 为了解决菜单栏跳转为404的问题

// electron中的路由跳转路径解析path.resolve结果与在浏览器中的web项目解析结果不一致

// path 模块的默认操作会因 Node.js 应用程序运行所在的操作系统而异。具体来说，当在 Windows 操作系统上运行时， path模块会假定正被使用的是 Windows 风格的路径。

// path.posix 属性提供对 path 方法的 POSIX 特定实现的访问。(意思就是无视操作系统的不同，统一为 POSIX方式，这样可以确保在任何系统上结果保持一致)

并没有做到web 和 electron 的兼容，所以想区分是否在electron中运行，然后区分处理。

const version = window && window.process && window.process.versions && window.process.versions['electron'];

localStorage.setItem("version", version ? version: "0.0.0")

package.json中锁死electron的版本，比如说 25.3.0

localStorage.getItem("version") === "25.3.0" ? path.posix.resolve() : path.resolve()

为什么不使用boolean值来判断？根据自己情况来使用吧

return localStorage.getItem("version") === "25.3.0" ? path.posix.resolve() : path.resolve()