Skip to content

Black Screen with "Failed to Load Assets" - Tauri Context Not Available #8

@vietlubu

Description

@vietlubu

Environment

  • OS: macOS (Apple M1)
  • Tauri Version: v2
  • Bevy Version: 0.17.1
  • Browser: Vite dev server at http://localhost:1420/

Description

When running the application with cargo tauri dev, the game engine starts successfully and all Bevy plugins initialize correctly, but the UI shows a black screen with "Failed to Load Assets" error. The browser console shows that window.__TAURI_INTERNALS__ is undefined when trying to invoke Tauri commands.

Steps to Reproduce

  1. Create config files:
    • assets/loader.data.toml with GRF configuration
[assets]
data_folder = "./assets/data/"

[[assets.grf]]
path = "assets/data.grf"
priority = 0
  • assets/config/clientinfo.client.toml with server settings
[server]
ip = "127.0.0.1"
port = 6900
client_version = 20211103
  1. Run cargo tauri dev
  2. Application window opens showing black screen
  3. Browser shows "Failed to Load Assets"

Browser Console Errors

Uncaught (in promise) TypeError: can't access property "invoke", window.__TAURI_INTERNALS__ is undefined
    invoke core.js:202
    <anonymous> Main.bs.js:21
    
Asset preloading failed: 
Object { RE_EXN_ID: "JsExn", _1: TypeError }
AssetsContext.bs.js:101:17
    preloadAssets AssetsContext.bs.js:101
    AssetsProvider AssetsContext.bs.js:105
    React 13
    performWorkUntilDeadline scheduler.development.js:45
    (Async: EventHandlerNonNull)
    js scheduler.development.js:223
    js scheduler.development.js:364
    __require chunk-BUSYA2B4.js:3
    js index.js:6
    __require chunk-BUSYA2B4.js:3
    React 2
    __require chunk-BUSYA2B4.js:3
    js React
    __require chunk-BUSYA2B4.js:3
    <anonymous> react-dom_client.js:20192

Screenshot

Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions