macos Blank screen on dev tauri application[bug]

[V119]

Describe the bug

When I use "cargo tauri dev" to launch the default template project, the interface displays a blank screen, and right-clicking has no response. Upon comparing it with an app that runs correctly, I noticed that it lacks the "xxx Graphics and Media" process. How can I resolve this issue?

vite.config.js:

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig(async () => ({
  plugins: [vue()],

  // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
  //
  // 1. prevent vite from obscuring rust errors
  clearScreen: false,
  // 2. tauri expects a fixed port, fail if that port is not available
  server: {
    port: 3000,
    strictPort: true,
    host: true,
    watch: {
      // 3. tell vite to ignore watching `src-tauri`
      ignored: ["**/src-tauri/**"],
    },
  },
}));

tauri.conf.json

{
  "build": {
    "beforeDevCommand": "npm run dev",
    "beforeBuildCommand": "npm run build",
    "devPath": "http://0.0.0.0:3000",
    "distDir": "../dist"
  },
  "package": {
    "productName": "sa-evaluation",
    "version": "0.0.0"
  },
  "tauri": {
    "allowlist": {
      "all": false,
      "shell": {
        "all": false,
        "open": true
      }
    },
    "bundle": {
      "active": true,
      "targets": "all",
      "identifier": "com.tauri.dev",
      "icon": [
        "icons/32x32.png",
        "icons/128x128.png",
        "icons/128x128@2x.png",
        "icons/icon.icns",
        "icons/icon.ico"
      ]
    },
    "security": {
      "csp": null
    },
    "windows": [
      {
        "fullscreen": false,
        "resizable": true,
        "title": "sa-evaluation",
        "width": 800,
        "height": 600
      }
    ]
  }
}

package.json

{
  "name": "sa-evaluation",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    "tauri": "tauri"
  },
  "dependencies": {
    "vue": "^3.3.4",
    "@tauri-apps/api": "^1.5.2"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.2.3",
    "vite": "^5.0.0",
    "@tauri-apps/cli": "^1.5.8"
  }
}

Reproduction

No response

Expected behavior

No response

Full tauri info output

[✔] Environment
    - OS: Mac OS 14.0.0 X64
    ✔ Xcode Command Line Tools: installed
    ✔ rustc: 1.75.0 (82e1608df 2023-12-21)
    ✔ cargo: 1.75.0 (1d8b05cdd 2023-11-20)
    ✔ rustup: 1.26.0 (5af9b9484 2023-04-05)
    ✔ Rust toolchain: stable-aarch64-apple-darwin (environment override by RUSTUP_TOOLCHAIN)
    - node: 21.5.0
    - yarn: 1.22.21
    - npm: 10.2.4

[-] Packages
    - tauri [RUST]: 1.5.4
    - tauri-build [RUST]: 1.5.1
    - wry [RUST]: 0.24.7
    - tao [RUST]: 0.16.5
    - tauri-cli [RUST]: 1.5.9
    - @tauri-apps/api [NPM]: 1.5.3
    - @tauri-apps/cli [NPM]: 1.5.9

[-] App
    - build-type: bundle
    - CSP: unset
    - distDir: ../dist
    - devPath: http://0.0.0.0:3000/
    - framework: Vue.js
    - bundler: Vite

Stack trace

No response

Additional context

No response

[V119]

When I run in debug mode using VS Code, the output shows the following message:

2023-12-31 18:19:23.280129+0800 sa-evaluation[12628:14467008] [Process] WebContent process (0x114000c00) took 3.274835 seconds to launch
2023-12-31 18:19:23.636193+0800 sa-evaluation[12628:14467008] RemoteLayerTreeDrawingAreaProxyMac::scheduleDisplayLink(): page has no displayID

RemoteLayerTreeDrawingAreaProxyMac::scheduleDisplayLink(): page has no displayID
2023-12-31 18:19:23.734779+0800 sa-evaluation[12628:14467008] RemoteLayerTreeDrawingAreaProxyMac::scheduleDisplayLink(): page has no displayID

RemoteLayerTreeDrawingAreaProxyMac::scheduleDisplayLink(): page has no displayID
2023-12-31 18:19:26.747750+0800 sa-evaluation[12628:14467008] [Process] GPUProcessProxy::didBecomeUnresponsive: GPUProcess with PID 12638 became unresponsive, terminating it
2023-12-31 18:19:26.748731+0800 sa-evaluation[12628:14467008] [Process] 0x1130d5540 - GPUProcessProxy::gpuProcessExited: reason=Unresponsive
2023-12-31 18:19:26.748765+0800 sa-evaluation[12628:14467008] [Process] 0x114000c00 - [PID=12635] WebProcessProxy::gpuProcessExited: reason=Unresponsive
2023-12-31 18:19:26.748933+0800 sa-evaluation[12628:14467008] [Process] 0x114000000 - [PID=12637] WebProcessProxy::gpuProcessExited: reason=Unresponsive
2023-12-31 18:19:26.751505+0800 sa-evaluation[12628:14467165] [assertion] Error acquiring assertion: <Error Domain=RBSServiceErrorDomain Code=1 "target is not running or doesn't have entitlement com.apple.runningboard.assertions.webkit" UserInfo={NSLocalizedFailureReason=target is not running or doesn't have entitlement com.apple.runningboard.assertions.webkit}>
2023-12-31 18:19:26.751530+0800 sa-evaluation[12628:14467165] [ProcessSuspension] 0x113020240 - ProcessAssertion::acquireSync Failed to acquire RBS assertion 'GPUProcess Background Assertion' for process with PID=12638, error: Error Domain=RBSServiceErrorDomain Code=1 "target is not running or doesn't have entitlement com.apple.runningboard.assertions.webkit" UserInfo={NSLocalizedFailureReason=target is not running or doesn't have entitlement com.apple.runningboard.assertions.webkit}
2023-12-31 18:19:52.996294+0800 sa-evaluation[12628:14467008] [ProcessSuspension] 0x11102f2e8 - ProcessThrottlerTimedActivity::activityTimedOut:
2023-12-31 18:21:20.101112+0800 sa-evaluation[12628:14467008] [PerformanceLogging] Notifying the client that background WebProcess with pid 12635 has become unresponsive

[slimandslam]

My app seems to be fine, but I occasionally get the same error msg as above on my Mac:
RemoteLayerTreeDrawingAreaProxyMac::scheduleDisplayLink(): page has no displayID

I'm on an M1 Mac with MacOS 14.2.1 with the latest of everything Tauri 1.x
I think the message occurs for me when I exit my app:

$ yarn tauri dev
yarn run v1.22.21
$ tauri dev
     Running BeforeDevCommand (`yarn dev`)
$ vite

  VITE v5.0.10  ready in 192 ms

  ➜  Local:   http://localhost:1420/
  ➜  Network: use --host to expose
        Info Watching /Users/me/myapp/src-tauri for changes...
   Compiling myapp v0.0.0 (/Users/me/myapp/src-tauri)
    Finished dev [unoptimized + debuginfo] target(s) in 3.31s
RemoteLayerTreeDrawingAreaProxyMac::scheduleDisplayLink(): page has no displayID
✨  Done in 21.66s.
$

[FaureAlexis]

Same issue, did you find a fix?

[slimandslam]

Not yet. it's not causing me any issues, afaict, but I also filed a support request on the Tauri Discord just in case:
https://discord.com/channels/616186924390023171/1194758861886857268

[FaureAlexis]

Thanks. @V119, I have the same issue, did you find a fix ?

[V119]

After I restarted the my computer, it was fixed. I don't know what happened.

Thanks. @V119, I have the same issue, did you find a fix ?

[V119]

I suspect it's related to WebKit but I don't know the root cause, and I'm not sure how to resolve it. and i find this bug may related to this problem ,but it's on Linux platform, Hope these clues can help you. @FaureAlexis

[FaureAlexis]

Thanks you @V119, appreciate your help

[Yemacs]

I solve this issue, cargo install wasm-bindgen-cli and cargo install tauri-cli, update the binary, then cargo tauri dev, it works!