如何解决tauri中未定义窗口时的问题？

Question

我是tauri的新手，我面临着从@tauri应用程序/api获取数据的问题。

"@tauri-apps/api": "^1.1.0",
"@tauri-apps/cli": "^1.1.1"

以下是我的反应代码：

/index.jsx

import {getTauriVersion} from "@tauri-apps/api/app"
function App() {
   const func = async () => {
       const res = await getTauriVersion()
       return res    
   }
   return (<></>)
}

这是我的tauri.conf.json

{
   "build": {
    "beforeDevCommand": "npm run dev",
    "beforeBuildCommand": "npm run build",
    "devPath": "http://localhost:1420",
    "distDir": "../dist",
    "withGlobalTauri": true
  },
  ...
  "tauri": {
     "allowList": {"all": true}
  }
}

错误是：

Uncaught (in promise) TypeError: window.__TAURI_IPC__ is not a function
unhandledRejection: ReferenceError: window is not defined
at o (file:///C:/test/test/node_modules/@tauri-apps/api/tauri- 
a4b3335a.js:1:100)

Answer 1

造成这种错误的典型的两个来源是：

1. 您在一个SSR环境中--例如，这可能是next.js的一个问题，但不是简单的反应。在浏览器中查看前端的
2. - Tauri的API只被注入到实际的Tauri窗口中。

Answer 2

你可以写一个函数来判断

const handleIsTauri = () => {
    return Boolean(
  typeof window !== 'undefined' &&
  window !== undefined &&
  window.__TAURI_IPC__ !== undefined
)};