denoland / denoland/deploy_feedback

[Bug]: 🛑 Blank Screen on Deno Deploy Dashboard in Microsoft Edge Due to CSP and Module Errors

Open
#784 2 comments 0 reactions 0 assignees View on GitHub
bug
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.