macos Blank screen on dev tauri application[bug]
Author: V119Created Dec 31, 2023Updated Sep 13, 2026
Labelstype: bugstatus: needs triage
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/[email protected]",
"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
Source: tauri-apps/tauri