utools插件开发踩坑记录 - vite+recat搭建打包到utools环境时运行页面报错unexpected application error! 404 not found

问题现象

在本地开发环境时，运行无问题，一但打包到utools环境运行时，就出现了下面的现象

依赖

"dependencies": {
    "@ant-design/icons": "^5.3.7",
    "antd": "^5.17.3",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.23.1"
  },
  "devDependencies": {
    "@types/react": "^18.2.66",
    "@types/react-dom": "^18.2.22",
    "@vitejs/plugin-react": "^4.2.1",
    "eslint": "^8.57.0",
    "eslint-plugin-react": "^7.34.1",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.6",
    "vite": "^5.2.0"
  }

解决过程

一开始我以为是编译的问题，便安装了vite bable插件依赖，但是问题依旧，随后也是翻阅utools文档查询，但是官方给的开发文档很简洁，除了快速上手，并无其他帮助。官方的社区也无此错误记录。
由于utools并未完全普及，只有少部分人在用。在网上也暂无用vite+react开发插件的博客文章。找不到任何有效信息。不过最后还是让我在外网找到了原因；首先utools是基于Electron实现的，据这个老哥所说，Electron只支持Hash路由的方式，在我尝试将页面路由改为Hash的方式后就可以正常在utools环境上运行了。对于Electron路由支持在Electron官网暂未找到相关说明事项。

总结

utools基于Electron，Electron只支持Hash路由的方式。

最后

utools是我用过最好用的桌面工具，里面的很多插件真的是为平时的工作提供了方便。最后也是愿起生态越来越好。多出点好用的插件。