denoland / denoland/deploy_feedback
[Bug]: đ Blank Screen on Deno Deploy Dashboard in Microsoft Edge Due to CSP and Module Errors
- Dominant language
- No language data
- Stars
- 79
- Forks
- 5
- PR merge metrics
- No merged PRs in 30d
Description
### Problem description
Hello Deno team,
First, I want to express my admiration for the incredible work youâre doing with Deno Deploy. Itâs truly inspiring to see such innovation in action, and the platform has so much potential to streamline serverless deployments for developers like me.
However, Iâve encountered a critical issue while accessing the Deno Deploy dashboard at https://dash.deno.com/ in Microsoft Edge, which results in a completely blank screen. The console reports several errors, including missing module exports, undefined properties during server-side rendering, React error messages, and CSP violations preventing font loading.
#### **Console Errors (summarized)**
1. **Module Export Error**
```
Uncaught SyntaxError: The requested module '/utils/mixpanel.ts?v=193f8a6a901' does not provide an export named 'sendMixpanelEventsToDash'
```
2. **Undefined Property Error**
```
Error: loadSSRModulesFromTag: Cannot read properties of undefined (reading 'defaultExport')
```
3. **React Minified Error 423**
```
Uncaught Error: Minified React error #423
```
4. **CSP Violation**
```
Refused to load the font 'https://fonts.gstatic.com/s/lato/...'
```
### Steps to reproduce
1. Open Microsoft Edge (latest stable, dev, or canary version) on Windows 11.
2. Navigate to [Deno Deploy Dashboard](https://dash.deno.com/).
3. Log in to access your projects.
4. Observe the blank screen, with the errors mentioned above appearing in the console.
### Expected behavior
I expected the Deno Deploy dashboard to load normally, displaying my projects, logs, and deployment details without any console errors or blank-screen issues.
### Environment
Environment
Browser: Microsoft Edge (latest stable, dev, and canary versions as of Jan 2025)
Operating System: Windows 11
Deno Deploy Dashboard URL: https://dash.deno.com/
⯠deno --version
deno 2.1.4 (stable, release, x86_64-unknown-linux-gnu)
v8 13.0.245.12-rusty
typescript 5.6.2
### Possible solution
1. **Verify Module Exports:**
Ensure `/utils/mixpanel.ts` correctly exports `sendMixpanelEventsToDash` (or update references to match the correct export name).
2. **Review CSP Policies:**
Adjust the Content Security Policy to allow fonts from `https://fonts.gstatic.com`, or update the dashboard to host fonts locally.
3. **Test SSR Module Loading:**
Investigate why `defaultExport` is undefined in `loadSSRModulesFromTag` to address the SSR loading error.
### Additional context
- Iâve tried clearing browser cache, disabling extensions, turning off hardware acceleration, and testing across Edge stable/dev/canary versions. The issue doesnât occur in Chrome or Firefox, so it appears unique to Edge.
- Thank you so much for the amazing work on Deno Deploy. Please let me know if I can provide more details or assist with further testing.
Contributor guide
No contributing guide indexed for this repository
Research direction
Reproduce the blank dashboard in Edge and compare its console output with Chrome and Firefox. Inspect the /utils/mixpanel.ts export reference and the loadSSRModulesFromTag error, then review the reported CSP font violation. Done means the dashboard loads in Edge with projects, logs, and deployment details visible without these console errors.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, security, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100