utools外掛開發踩坑記錄 - vite+recat搭建打包到utools環境時執行頁面報錯unexpected application error! 404 not found

luyifo發表於2024-05-23
ViteAPPError

問題現象

在本地開發環境時，執行無問題，一但打包到utools環境執行時，就出現了下面的現象

image

依賴

"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官網暫未找到相關說明事項。

相關文章