sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment #13099

Closed
#13102
Closed
sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment#13099
#13102
Labels
Feature: Source Maps

Description

@ocavue
ocavue
opened on Jul 30, 2024

Environment

SaaS (https://sentry.io/)

Steps to Reproduce

I'm using Vercel to deploy my Next.js project. When I enable sourcemaps: { deleteSourcemapsAfterUpload: true } in next.config.js, I get the following error from Vercel:

Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

More detailed output:


Route (pages) Size First Load JS
┌ ○ / 8.71 kB 163 kB
├ └ css/88d021db95f13dbf.css 2.02 kB
├ /_app 0 B 154 kB
├ ○ /404 438 B 155 kB
├ ƒ /api/sentry-example-api 0 B 154 kB
├ ƒ /api/test1 0 B 154 kB
├ ƒ /api/test2 0 B 154 kB
├ ƒ /api/test3 0 B 154 kB
├ ƒ /api/test4 0 B 154 kB
├ ○ /client/test1 429 B 155 kB
├ ○ /client/test2 456 B 155 kB
├ ○ /client/test3 445 B 155 kB
├ ○ /client/test4 467 B 155 kB
├ ○ /sentry-example-page 1.86 kB 156 kB
├ ƒ /ssr/test1 431 B 155 kB
├ ƒ /ssr/test2 429 B 155 kB
├ ƒ /ssr/test3 430 B 155 kB
└ ƒ /ssr/test4 432 B 155 kB
+ First Load JS shared by all 155 kB
├ chunks/framework-8722668362422965.js 45.3 kB
├ chunks/main-4d4ce5325c2179ff.js 32.2 kB
├ chunks/pages/_app-c18a80145f513654.js 76 kB
└ other shared chunks (total) 1.66 kB
○ (Static) prerendered as static content
ƒ (Dynamic) server-rendered on demand
Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

I've created a minimal repo to reproduce this issue: https://github.com/ocavue/nextjs-sentry-vercel-deploy-issue

You can see from the GitHub webpage that the Vercel deployment failed after I enable deleteSourcemapsAfterUpload.

Image

Expected Result

No error.

Actual Result

Vercel deployment fails, as shown above.

Product Area

Unknown

Link

No response

DSN

No response

Version

8.20.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    Feature: Source Maps

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
     blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

    Skip to content
    sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment #13099
    Closed
    #13102
    Closed
    sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment#13099
    #13102
    Labels
    Feature: Source Maps
    Description
    @ocavue
    ocavue
    opened on Jul 30, 2024
    Environment
    SaaS (https://sentry.io/)
    Steps to Reproduce
    I'm using Vercel to deploy my Next.js project. When I enable sourcemaps: { deleteSourcemapsAfterUpload: true } in next.config.js, I get the following error from Vercel:
    Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

    More detailed output:
    
Route (pages) Size First Load JS
┌ ○ / 8.71 kB 163 kB
├ └ css/88d021db95f13dbf.css 2.02 kB
├ /_app 0 B 154 kB
├ ○ /404 438 B 155 kB
├ ƒ /api/sentry-example-api 0 B 154 kB
├ ƒ /api/test1 0 B 154 kB
├ ƒ /api/test2 0 B 154 kB
├ ƒ /api/test3 0 B 154 kB
├ ƒ /api/test4 0 B 154 kB
├ ○ /client/test1 429 B 155 kB
├ ○ /client/test2 456 B 155 kB
├ ○ /client/test3 445 B 155 kB
├ ○ /client/test4 467 B 155 kB
├ ○ /sentry-example-page 1.86 kB 156 kB
├ ƒ /ssr/test1 431 B 155 kB
├ ƒ /ssr/test2 429 B 155 kB
├ ƒ /ssr/test3 430 B 155 kB
└ ƒ /ssr/test4 432 B 155 kB
+ First Load JS shared by all 155 kB
├ chunks/framework-8722668362422965.js 45.3 kB
├ chunks/main-4d4ce5325c2179ff.js 32.2 kB
├ chunks/pages/_app-c18a80145f513654.js 76 kB
└ other shared chunks (total) 1.66 kB
○ (Static) prerendered as static content
ƒ (Dynamic) server-rendered on demand
Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

    I've created a minimal repo to reproduce this issue: https://github.com/ocavue/nextjs-sentry-vercel-deploy-issue
    You can see from the GitHub webpage that the Vercel deployment failed after I enable deleteSourcemapsAfterUpload.
    Image
    Expected Result
    No error.
    Actual Result
    Vercel deployment fails, as shown above.
    Product Area
    Unknown
    Link
    No response
    DSN
    No response
    Version
    8.20.0
    Metadata
    Metadata
    Assignees
    No one assigned
      Labels
      Feature: Source Maps
      Projects
      Milestone
      No milestone
      Relationships
      None yet
      Development
      No branches or pull requests
      Issue actions
      
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

      Skip to content
      sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment #13099
      Closed
      #13102
      Closed
      sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment#13099
      #13102
      Labels
      Feature: Source Maps
      Description
      @ocavue
      ocavue
      opened on Jul 30, 2024
      Environment
      SaaS (https://sentry.io/)
      Steps to Reproduce
      I'm using Vercel to deploy my Next.js project. When I enable sourcemaps: { deleteSourcemapsAfterUpload: true } in next.config.js, I get the following error from Vercel:
      Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

      More detailed output:
      
Route (pages) Size First Load JS
┌ ○ / 8.71 kB 163 kB
├ └ css/88d021db95f13dbf.css 2.02 kB
├ /_app 0 B 154 kB
├ ○ /404 438 B 155 kB
├ ƒ /api/sentry-example-api 0 B 154 kB
├ ƒ /api/test1 0 B 154 kB
├ ƒ /api/test2 0 B 154 kB
├ ƒ /api/test3 0 B 154 kB
├ ƒ /api/test4 0 B 154 kB
├ ○ /client/test1 429 B 155 kB
├ ○ /client/test2 456 B 155 kB
├ ○ /client/test3 445 B 155 kB
├ ○ /client/test4 467 B 155 kB
├ ○ /sentry-example-page 1.86 kB 156 kB
├ ƒ /ssr/test1 431 B 155 kB
├ ƒ /ssr/test2 429 B 155 kB
├ ƒ /ssr/test3 430 B 155 kB
└ ƒ /ssr/test4 432 B 155 kB
+ First Load JS shared by all 155 kB
├ chunks/framework-8722668362422965.js 45.3 kB
├ chunks/main-4d4ce5325c2179ff.js 32.2 kB
├ chunks/pages/_app-c18a80145f513654.js 76 kB
└ other shared chunks (total) 1.66 kB
○ (Static) prerendered as static content
ƒ (Dynamic) server-rendered on demand
Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

      I've created a minimal repo to reproduce this issue: https://github.com/ocavue/nextjs-sentry-vercel-deploy-issue
      You can see from the GitHub webpage that the Vercel deployment failed after I enable deleteSourcemapsAfterUpload.
      Image
      Expected Result
      No error.
      Actual Result
      Vercel deployment fails, as shown above.
      Product Area
      Unknown
      Link
      No response
      DSN
      No response
      Version
      8.20.0
      Metadata
      Metadata
      Assignees
      No one assigned
        Labels
        Feature: Source Maps
        Projects
        Milestone
        No milestone
        Relationships
        None yet
        Development
        No branches or pull requests
        Issue actions
        
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

        Skip to content
        sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment #13099
        Closed
        #13102
        Closed
        sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment#13099
        #13102
        Labels
        Feature: Source Maps
        Description
        @ocavue
        ocavue
        opened on Jul 30, 2024
        Environment
        SaaS (https://sentry.io/)
        Steps to Reproduce
        I'm using Vercel to deploy my Next.js project. When I enable sourcemaps: { deleteSourcemapsAfterUpload: true } in next.config.js, I get the following error from Vercel:
        Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

        More detailed output:
        
Route (pages) Size First Load JS
┌ ○ / 8.71 kB 163 kB
├ └ css/88d021db95f13dbf.css 2.02 kB
├ /_app 0 B 154 kB
├ ○ /404 438 B 155 kB
├ ƒ /api/sentry-example-api 0 B 154 kB
├ ƒ /api/test1 0 B 154 kB
├ ƒ /api/test2 0 B 154 kB
├ ƒ /api/test3 0 B 154 kB
├ ƒ /api/test4 0 B 154 kB
├ ○ /client/test1 429 B 155 kB
├ ○ /client/test2 456 B 155 kB
├ ○ /client/test3 445 B 155 kB
├ ○ /client/test4 467 B 155 kB
├ ○ /sentry-example-page 1.86 kB 156 kB
├ ƒ /ssr/test1 431 B 155 kB
├ ƒ /ssr/test2 429 B 155 kB
├ ƒ /ssr/test3 430 B 155 kB
└ ƒ /ssr/test4 432 B 155 kB
+ First Load JS shared by all 155 kB
├ chunks/framework-8722668362422965.js 45.3 kB
├ chunks/main-4d4ce5325c2179ff.js 32.2 kB
├ chunks/pages/_app-c18a80145f513654.js 76 kB
└ other shared chunks (total) 1.66 kB
○ (Static) prerendered as static content
ƒ (Dynamic) server-rendered on demand
Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

        I've created a minimal repo to reproduce this issue: https://github.com/ocavue/nextjs-sentry-vercel-deploy-issue
        You can see from the GitHub webpage that the Vercel deployment failed after I enable deleteSourcemapsAfterUpload.
        Image
        Expected Result
        No error.
        Actual Result
        Vercel deployment fails, as shown above.
        Product Area
        Unknown
        Link
        No response
        DSN
        No response
        Version
        8.20.0
        Metadata
        Metadata
        Assignees
        No one assigned
          Labels
          Feature: Source Maps
          Projects
          Milestone
          No milestone
          Relationships
          None yet
          Development
          No branches or pull requests
          Issue actions
          
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

          Skip to content
          sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment #13099
          Closed
          #13102
          Closed
          sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment#13099
          #13102
          Labels
          Feature: Source Maps
          Description
          @ocavue
          ocavue
          opened on Jul 30, 2024
          Environment
          SaaS (https://sentry.io/)
          Steps to Reproduce
          I'm using Vercel to deploy my Next.js project. When I enable sourcemaps: { deleteSourcemapsAfterUpload: true } in next.config.js, I get the following error from Vercel:
          Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

          More detailed output:
          
Route (pages) Size First Load JS
┌ ○ / 8.71 kB 163 kB
├ └ css/88d021db95f13dbf.css 2.02 kB
├ /_app 0 B 154 kB
├ ○ /404 438 B 155 kB
├ ƒ /api/sentry-example-api 0 B 154 kB
├ ƒ /api/test1 0 B 154 kB
├ ƒ /api/test2 0 B 154 kB
├ ƒ /api/test3 0 B 154 kB
├ ƒ /api/test4 0 B 154 kB
├ ○ /client/test1 429 B 155 kB
├ ○ /client/test2 456 B 155 kB
├ ○ /client/test3 445 B 155 kB
├ ○ /client/test4 467 B 155 kB
├ ○ /sentry-example-page 1.86 kB 156 kB
├ ƒ /ssr/test1 431 B 155 kB
├ ƒ /ssr/test2 429 B 155 kB
├ ƒ /ssr/test3 430 B 155 kB
└ ƒ /ssr/test4 432 B 155 kB
+ First Load JS shared by all 155 kB
├ chunks/framework-8722668362422965.js 45.3 kB
├ chunks/main-4d4ce5325c2179ff.js 32.2 kB
├ chunks/pages/_app-c18a80145f513654.js 76 kB
└ other shared chunks (total) 1.66 kB
○ (Static) prerendered as static content
ƒ (Dynamic) server-rendered on demand
Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

          I've created a minimal repo to reproduce this issue: https://github.com/ocavue/nextjs-sentry-vercel-deploy-issue
          You can see from the GitHub webpage that the Vercel deployment failed after I enable deleteSourcemapsAfterUpload.
          Image
          Expected Result
          No error.
          Actual Result
          Vercel deployment fails, as shown above.
          Product Area
          Unknown
          Link
          No response
          DSN
          No response
          Version
          8.20.0
          Metadata
          Metadata
          Assignees
          No one assigned
            Labels
            Feature: Source Maps
            Projects
            Milestone
            No milestone
            Relationships
            None yet
            Development
            No branches or pull requests
            Issue actions
            
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

            Skip to content
            sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment #13099
            Closed
            #13102
            Closed
            sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment#13099
            #13102
            Labels
            Feature: Source Maps
            Description
            @ocavue
            ocavue
            opened on Jul 30, 2024
            Environment
            SaaS (https://sentry.io/)
            Steps to Reproduce
            I'm using Vercel to deploy my Next.js project. When I enable sourcemaps: { deleteSourcemapsAfterUpload: true } in next.config.js, I get the following error from Vercel:
            Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

            More detailed output:
            
Route (pages) Size First Load JS
┌ ○ / 8.71 kB 163 kB
├ └ css/88d021db95f13dbf.css 2.02 kB
├ /_app 0 B 154 kB
├ ○ /404 438 B 155 kB
├ ƒ /api/sentry-example-api 0 B 154 kB
├ ƒ /api/test1 0 B 154 kB
├ ƒ /api/test2 0 B 154 kB
├ ƒ /api/test3 0 B 154 kB
├ ƒ /api/test4 0 B 154 kB
├ ○ /client/test1 429 B 155 kB
├ ○ /client/test2 456 B 155 kB
├ ○ /client/test3 445 B 155 kB
├ ○ /client/test4 467 B 155 kB
├ ○ /sentry-example-page 1.86 kB 156 kB
├ ƒ /ssr/test1 431 B 155 kB
├ ƒ /ssr/test2 429 B 155 kB
├ ƒ /ssr/test3 430 B 155 kB
└ ƒ /ssr/test4 432 B 155 kB
+ First Load JS shared by all 155 kB
├ chunks/framework-8722668362422965.js 45.3 kB
├ chunks/main-4d4ce5325c2179ff.js 32.2 kB
├ chunks/pages/_app-c18a80145f513654.js 76 kB
└ other shared chunks (total) 1.66 kB
○ (Static) prerendered as static content
ƒ (Dynamic) server-rendered on demand
Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

            I've created a minimal repo to reproduce this issue: https://github.com/ocavue/nextjs-sentry-vercel-deploy-issue
            You can see from the GitHub webpage that the Vercel deployment failed after I enable deleteSourcemapsAfterUpload.
            Image
            Expected Result
            No error.
            Actual Result
            Vercel deployment fails, as shown above.
            Product Area
            Unknown
            Link
            No response
            DSN
            No response
            Version
            8.20.0
            Metadata
            Metadata
            Assignees
            No one assigned
              Labels
              Feature: Source Maps
              Projects
              Milestone
              No milestone
              Relationships
              None yet
              Development
              No branches or pull requests
              Issue actions
              
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

              Skip to content
              sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment #13099
              Closed
              #13102
              Closed
              sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment#13099
              #13102
              Labels
              Feature: Source Maps
              Description
              @ocavue
              ocavue
              opened on Jul 30, 2024
              Environment
              SaaS (https://sentry.io/)
              Steps to Reproduce
              I'm using Vercel to deploy my Next.js project. When I enable sourcemaps: { deleteSourcemapsAfterUpload: true } in next.config.js, I get the following error from Vercel:
              Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

              More detailed output:
              
Route (pages) Size First Load JS
┌ ○ / 8.71 kB 163 kB
├ └ css/88d021db95f13dbf.css 2.02 kB
├ /_app 0 B 154 kB
├ ○ /404 438 B 155 kB
├ ƒ /api/sentry-example-api 0 B 154 kB
├ ƒ /api/test1 0 B 154 kB
├ ƒ /api/test2 0 B 154 kB
├ ƒ /api/test3 0 B 154 kB
├ ƒ /api/test4 0 B 154 kB
├ ○ /client/test1 429 B 155 kB
├ ○ /client/test2 456 B 155 kB
├ ○ /client/test3 445 B 155 kB
├ ○ /client/test4 467 B 155 kB
├ ○ /sentry-example-page 1.86 kB 156 kB
├ ƒ /ssr/test1 431 B 155 kB
├ ƒ /ssr/test2 429 B 155 kB
├ ƒ /ssr/test3 430 B 155 kB
└ ƒ /ssr/test4 432 B 155 kB
+ First Load JS shared by all 155 kB
├ chunks/framework-8722668362422965.js 45.3 kB
├ chunks/main-4d4ce5325c2179ff.js 32.2 kB
├ chunks/pages/_app-c18a80145f513654.js 76 kB
└ other shared chunks (total) 1.66 kB
○ (Static) prerendered as static content
ƒ (Dynamic) server-rendered on demand
Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

              I've created a minimal repo to reproduce this issue: https://github.com/ocavue/nextjs-sentry-vercel-deploy-issue
              You can see from the GitHub webpage that the Vercel deployment failed after I enable deleteSourcemapsAfterUpload.
              Image
              Expected Result
              No error.
              Actual Result
              Vercel deployment fails, as shown above.
              Product Area
              Unknown
              Link
              No response
              DSN
              No response
              Version
              8.20.0
              Metadata
              Metadata
              Assignees
              No one assigned
                Labels
                Feature: Source Maps
                Projects
                Milestone
                No milestone
                Relationships
                None yet
                Development
                No branches or pull requests
                Issue actions
                
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

                Skip to content
                sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment #13099
                Closed
                #13102
                Closed
                sourcemaps.deleteSourcemapsAfterUpload breaks Vercel deployment#13099
                #13102
                Labels
                Feature: Source Maps
                Description
                @ocavue
                ocavue
                opened on Jul 30, 2024
                Environment
                SaaS (https://sentry.io/)
                Steps to Reproduce
                I'm using Vercel to deploy my Next.js project. When I enable sourcemaps: { deleteSourcemapsAfterUpload: true } in next.config.js, I get the following error from Vercel:
                Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

                More detailed output:
                
Route (pages) Size First Load JS
┌ ○ / 8.71 kB 163 kB
├ └ css/88d021db95f13dbf.css 2.02 kB
├ /_app 0 B 154 kB
├ ○ /404 438 B 155 kB
├ ƒ /api/sentry-example-api 0 B 154 kB
├ ƒ /api/test1 0 B 154 kB
├ ƒ /api/test2 0 B 154 kB
├ ƒ /api/test3 0 B 154 kB
├ ƒ /api/test4 0 B 154 kB
├ ○ /client/test1 429 B 155 kB
├ ○ /client/test2 456 B 155 kB
├ ○ /client/test3 445 B 155 kB
├ ○ /client/test4 467 B 155 kB
├ ○ /sentry-example-page 1.86 kB 156 kB
├ ƒ /ssr/test1 431 B 155 kB
├ ƒ /ssr/test2 429 B 155 kB
├ ƒ /ssr/test3 430 B 155 kB
└ ƒ /ssr/test4 432 B 155 kB
+ First Load JS shared by all 155 kB
├ chunks/framework-8722668362422965.js 45.3 kB
├ chunks/main-4d4ce5325c2179ff.js 32.2 kB
├ chunks/pages/_app-c18a80145f513654.js 76 kB
└ other shared chunks (total) 1.66 kB
○ (Static) prerendered as static content
ƒ (Dynamic) server-rendered on demand
Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/chunks/195.js.map'

                I've created a minimal repo to reproduce this issue: https://github.com/ocavue/nextjs-sentry-vercel-deploy-issue
                You can see from the GitHub webpage that the Vercel deployment failed after I enable deleteSourcemapsAfterUpload.
                Image
                Expected Result
                No error.
                Actual Result
                Vercel deployment fails, as shown above.
                Product Area
                Unknown
                Link
                No response
                DSN
                No response
                Version
                8.20.0
                Metadata
                Metadata
                Assignees
                No one assigned
                  Labels
                  Feature: Source Maps
                  Projects
                  Milestone
                  No milestone
                  Relationships
                  None yet
                  Development
                  No branches or pull requests
                  Issue actions