Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[bug] The debug build does not work (npm run dev), files are loaded, but the screen does not render (vite) #11160

Closed
gynt opened this issue Sep 27, 2024 · 2 comments
Closed

[bug] The debug build does not work (npm run dev), files are loaded, but the screen does not render (vite) #11160

gynt opened this issue Sep 27, 2024 · 2 comments
Labels
status: upstream This issue is blocked by upstream dependencies and we need to wait or contribute upstream fixes type: bug

Comments

@gynt
Copy link

gynt commented Sep 27, 2024 •
edited
Loading

Describe the bug

When I run npm run dev, all files are loaded, e.g. CSS, .tsx files, so I get my background color. However, no html elements are rendered at all: main.tsx isn't run?. This same identical setup used to work 3 days ago. I received a Webview2 update from Windows yesterday and then it stopped working I think. There are no errors in the web console. Interestingly, release builds work just fine. The repo is here: https://github.com/UnofficialCrusaderPatch/UCP3-GUI

<html lang="en">
   <head><!--  I removed all and styles scripts --></head>
  <body class="col-12 bg-dark text-light">
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>

Reproduction

UPDATE: Use a global scope await import() in your code (for importing development functionality).

Expected behavior

No response

Full tauri info output

[✔] Environment
    - OS: Windows 10.0.22631 X64
    ✔ WebView2: 129.0.2792.65
    ✔ MSVC: Visual Studio Community 2022
    ✔ rustc: 1.70.0 (90c541806 2023-05-31)
    ✔ cargo: 1.70.0 (ec8a8a0ca 2023-04-25)
    ✔ rustup: 1.26.0 (5af9b9484 2023-04-05)
    ✔ Rust toolchain: stable-x86_64-pc-windows-msvc (default)
    - node: 22.9.0
    - npm: 10.8.3

[-] Packages
    - tauri [RUST]: 1.7.1
    - tauri-build [RUST]: 1.5.3
    - wry [RUST]: 0.24.10
    - tao [RUST]: 0.16.9
    - @tauri-apps/api [NPM]: 1.6.0
    - @tauri-apps/cli [NPM]: 1.6.0 (outdated, latest: 1.6.2)

[-] App
    - build-type: bundle
    - CSP: default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: asset: https://asset.localhost https://user-images.githubusercontent.com https://raw.githubusercontent.com https://discordapp.com/api/guilds/426318193603117057/widget.png
    - distDir: ../dist
    - devPath: http://localhost:5173/
    - framework: React
    - bundler: Vite

Stack trace

No response

Additional context

No response
@gynt gynt added status: needs triage This issue needs to triage, applied to new issues type: bug labels Sep 27, 2024
@gynt
Copy link
Author

gynt commented Oct 1, 2024 •
edited
Loading

I solved it. This line of code was causing the issue:

if (import.meta.env.DEV) {
  await import('../function/dev');
}

The code would set some functions in the globalThis.dev variable.
The only issue remaining is, when did this stop working? We think it is because of a new Webview2 release by Microsoft, but we can't tell.

Turns out, it is the await in this code that is causing issues. Still not sure why that is suddenly an issue.

@gynt
Copy link
Author

gynt commented Oct 1, 2024 •
edited
Loading

vitejs/vite#18156 (comment)

vitejs/vite#18156

@gynt gynt changed the title [bug] The debug build does not work (npm run dev), files are loaded, but the screen remains white [bug] The debug build does not work (npm run dev), files are loaded, but the screen does not render (vite) Oct 2, 2024
@FabianLars FabianLars added status: upstream This issue is blocked by upstream dependencies and we need to wait or contribute upstream fixes and removed status: needs triage This issue needs to triage, applied to new issues labels Oct 17, 2024
@FabianLars FabianLars closed this as not planned Won't fix, can't repro, duplicate, stale Oct 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
status: upstream This issue is blocked by upstream dependencies and we need to wait or contribute upstream fixes type: bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@gynt @FabianLars