console.error('错误堆栈:', event.reason.stack); } console.groupEnd(); // 显示错误边界 showGlobalError('Promise Rejection: ' + (event.reason?.message || event.reason), { type: 'unhandledrejection', reason: event.reason, promise: event.promise, timestamp: new Date().toISOString(), url: window.location.href, userAgent: navigator.userAgent, stack: event.reason && event.reason.stack ? event.reason.stack : 'No stack trace' }); }); // 显示全局错误边界的函数 function showGlobalError(message, errorDetails) { const errorBoundary = document.getElementById('global-error-boundary'); const errorDetailsDiv = document.getElementById('error-details'); const errorContent = document.getElementById('error-content'); if (errorBoundary && errorDetailsDiv && errorContent) { // 在开发环境下显示错误详情 if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') { errorDetailsDiv.classList.remove('hidden'); // 格式化错误详情 let detailsHtml = '

'; for (const [key, value] of Object.entries(errorDetails)) { if (value !== null && value !== undefined) { detailsHtml += '

' + key + ': '; if (typeof value === 'string' && value.length > 100) { detailsHtml += '' + value.substring(0, 100) + '...'; } else { detailsHtml += '' + value + ''; } detailsHtml += '

'; } } detailsHtml += '

'; errorContent.innerHTML = detailsHtml; // 调试信息 console.log('🔍 错误详情已填充:', { message: message, details: errorDetails, htmlContent: detailsHtml }); } // 显示错误边界 errorBoundary.classList.remove('hidden'); // 5秒后自动隐藏 setTimeout(() => { errorBoundary.classList.add('hidden'); }, 5000); } else { console.warn('🔍 错误边界元素未找到:', { errorBoundary: !!errorBoundary, errorDetailsDiv: !!errorDetailsDiv, errorContent: !!errorContent }); } } // 监听网络请求错误 if ('fetch' in window) { const originalFetch = window.fetch; window.fetch = function(...args) { return originalFetch.apply(this, args).then(response => { if (!response.ok) { console.group('🔴 网络请求错误'); console.error('请求URL:', args[0]); console.error('请求选项:', args[1]); console.error('响应状态:', response.status, response.statusText); console.error('响应头:', Object.fromEntries(response.headers.entries())); console.error('