Ext问题:this.mainbody.dom为空或不是对象

在使用Ext.js的TabPanel组件时遇到激活函数只激活原有项的问题,通过调整逻辑实现对新增项的正确激活,最终解决Firefox兼容性和调试问题。

做完需求访谈之后开发demo的时候 遇到了这个问题 很是费解

原来是我用tabpanel的时候

是在原来的items的基础上加了几条,但是它的tab标签激活函数handleActivate被只是激活原来的items数量,代码注释部分是后来加的 然后调试就总是报错 项目firefox不兼容也不能调试 哎 搞了一上午 梳理了一下逻辑, 加上了之后就ok了 哎真是悲剧

var tabs = new Ext.TabPanel({
id: 'myTabs',
activeTab: 0,
frame: true,
plain:true,
baseCls: 'x-panel-mc',
defaults:{
autoScroll: false,
autoHeight: false
//autoScroll: true
},
items:[
{
title: '项目基本信息',
id: '01',
listeners: {activate: handleActivate},
items: editEventsFormPanel
}, {
title: '可行性分析',
id: '02',
items: feasibilityFormPanel
}, {
title: '项目进度',
id: '03',
layout: 'fit',
items: eventsTrackGridPanel
}

/*,{
title:'项目风险',
id:'04',
layout:'fit',
items:projectRiskGriddPanel
}, {
title: '项目附件',
id: '05',
layout: 'fit',
items: eventsFileGridPanel
},{
title:'项目后评估',
id:'06',
layout:'fit',
items:projectEvaluateFormPanel
}*/
]
});

var isFirstTabChange = true;
function handleActivate(tab){
if(isFirstTabChange){
isFirstTabChange = false;
var myTab = Ext.getCmp('myTabs');
myTab.setActiveTab(1);
myTab.setActiveTab(2);
myTab.setActiveTab(3);
//myTab.setActiveTab(4);
//myTab.setActiveTab(5);
myTab.setActiveTab(0);
}
}

--------- beginning of system --------- beginning of main ---------------------------- PROCESS STARTED (3330) for package org.cocos2d.demo ---------------------------- 2025-07-15 15:48:35.316 3330-3359 eglCodecCommon org.cocos2d.demo E glUtilsParamSize: unknow param 0x000082da 2025-07-15 15:48:35.316 3330-3359 eglCodecCommon org.cocos2d.demo E glUtilsParamSize: unknow param 0x000082e5 2025-07-15 15:48:35.328 3330-3359 eglCodecCommon org.cocos2d.demo E glUtilsParamSize: unknow param 0x00008c29 2025-07-15 15:48:35.328 3330-3359 eglCodecCommon org.cocos2d.demo E glUtilsParamSize: unknow param 0x000087fe 2025-07-15 15:48:35.363 3330-3359 EGL_emulation org.cocos2d.demo E tid 3359: eglSurfaceAttrib(1493): error 0x3009 (EGL_BAD_MATCH) 2025-07-15 15:48:36.976 3330-3357 jswrapper org.cocos2d.demo E ScriptEngine::onGetStringFromFile stream not found, possible missing file. 2025-07-15 15:48:36.976 3330-3357 jswrapper org.cocos2d.demo E ScriptEngine::runScript script stream, buffer is empty! 2025-07-15 15:48:36.976 3330-3357 jswrapper org.cocos2d.demo E [ERROR] Failed to invoke require, location: C:/ProgramData/cocos/editors/Creator/2.4.13/resources/cocos2d-x/cocos/scripting/js-bindings/manual/jsb_global.cpp:299 2025-07-15 15:48:37.026 3330-3357 jswrapper org.cocos2d.demo E ScriptEngine::evalString catch exception: 2025-07-15 15:48:37.050 3330-3357 jswrapper org.cocos2d.demo E ERROR: Uncaught ReferenceError: self is not defined, location: src/assets/_plugs/lib/gravityengine.mg.cocoscreator.min.dbb97.js:0:0 STACK: [0]anonymous@src/assets/_plugs/lib/gravityengine.mg.cocoscreator.min.dbb97.js:2 [1]anonymous@src/assets/_plugs/lib/gravityengine.mg.cocoscreator.min.dbb97.js:3 [2]anonymous@jsb-adapter/jsb-engine.js:2975 [3]download@jsb-adapter/jsb-engine.js:2984 [4]downloadScript@jsb-adapter/jsb-engine.js:2971 [5]a@src/cocos2d-jsb.28d62.js:16668 [6]anonymous@src/cocos2d-jsb.28d62.js:16678 [7]retry@src/cocos2d-jsb.28d62.js:18111 [8]download@src/cocos2d-jsb.28d62.js:16663 [9]load@src/cocos2d-jsb.28d62.js:17318 [10]94.e.exports@src/cocos2d-jsb.28d62.js:17134 [11]_flow@src/cocos2d-jsb.28d62.js:17579 [12]async@src/cocos2d-jsb.28d62.js:17574 [13]anonymous@src/cocos2d-jsb.28d62.js:17261 [14]forEach@src/cocos2d-jsb.28d62.js:18189 [15]94.e.exports@src/cocos2d-jsb.28d62.js:17244 [16]_flow@src/cocos2d-jsb.28d62.js:17579 [17]anonymous@src/cocos2d-jsb.28d62.js:17586 [18]98.e.exports@src/cocos2d-jsb.2 2025-07-15 15:48:37.052 3330-3357 jswrapper org.cocos2d.demo E ScriptEngine::evalString script src/assets/_plugs/lib/gravityengine.mg.cocoscreator.min.dbb97.js, failed! 2025-07-15 15:48:37.053 3330-3357 jswrapper org.cocos2d.demo E [ERROR] Failed to invoke require, location: C:/ProgramData/cocos/editors/Creator/2.4.13/resources/cocos2d-x/cocos/scripting/js-bindings/manual/jsb_global.cpp:299 2025-07-15 15:48:49.228 1715-2033 bt_btif com.android.bluetooth E register_notification_rsp: Avrcp device is not connected, handle: 0x0 2025-07-15 15:48:49.228 1715-2033 bt_btif com.android.bluetooth E register_notification_rsp: Avrcp device is not connected, handle: 0x0 2025-07-15 15:48:49.241 1452-1763 OMXNodeInstance media.codec E setConfig(0xf5210060:google.mp3.decoder, ConfigPriority(0x6f800002)) ERROR: Undefined(0x80001001) 2025-07-15 15:48:49.241 1452-1763 OMXNodeInstance media.codec E getConfig(0xf5210060:google.mp3.decoder, ConfigAndroidVendorExtension(0x6f100004)) ERROR: Undefined(0x80001001) 2025-07-15 15:49:00.001 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.015 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.024 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.037 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.045 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.054 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.061 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.071 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.081 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.091 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.107 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.115 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.123 1573-1586 memtrack system_server E Couldn't load memtrack module 2025-07-15 15:49:00.132 1573-1586 memtrack system_server E Couldn't load memtrack module
07-16
// src/utils/filePreview.js import { renderAsync } from "docx-preview"; import LuckyExcel from "luckyexcel"; import axios from "axios"; import { asynLoad } from "@/utils/excel"; // src/utils/filePreview.js export const previewPDF = { async initPDF(fileUrl) { const pdfjsLib = await this.loadPDFJS(); const pdfData = await this.fetchPDFData(fileUrl); // 设置 workerSrc pdfjsLib.GlobalWorkerOptions.workerSrc = "https://cdn.jsdelivr.net/npm/pdfjs-dist@2.16.105/build/pdf.worker.min.js"; // 初始化 PDF 文档 return pdfjsLib.getDocument({ data: pdfData, cMapUrl: "https://cdn.jsdelivr.net/npm/pdfjs-dist@2.16.105/cmaps/", cMapPacked: true }).promise; }, async fetchPDFData(fileUrl) { try { const response = await fetch(fileUrl, { method: 'GET', mode: 'cors' }); if (!response.ok) throw new Error('Failed to fetch PDF file'); const arrayBuffer = await response.arrayBuffer(); return new Uint8Array(arrayBuffer); } catch (error) { console.error('Error fetching PDF:', error); throw error; } }, async loadPDFJS() { const scripts = [ "https://unpkg.com/pdfjs-dist@2.16.105/build/pdf.min.js", "https://unpkg.com/pdfjs-dist@2.16.105/build/pdf.worker.min.js" ]; await Promise.all(scripts.map(src => asynLoad(src))); return window.pdfjsLib; }, async renderPage(pdfDoc, pageNum, canvas, zoomLevel = 1.0) { if (!pdfDoc || pageNum < 1 || pageNum > pdfDoc.numPages) return; try { const page = await pdfDoc.getPage(pageNum); const viewport = page.getViewport({ scale: zoomLevel }); // 设置 Canvas 尺寸 canvas.width = viewport.width; canvas.height = viewport.height; const renderContext = { canvasContext: canvas.getContext('2d'), viewport: viewport }; await page.render(renderContext).promise; return pdfDoc.numPages; } catch (error) { console.error('Error rendering PDF page:', error); throw error; } } }; // DOCX预览工具 export const previewDocx = { async render(fileUrl, containerElement) { try { const response = await fetch(fileUrl); const blob = await response.blob(); await renderAsync(blob, containerElement); return true; } catch (error) { throw new Error('DOCX预览失败: ' + error.message); } } }; // src/utils/filePreview.js export const previewExcel = { async render(fileUrl, fileName, containerId) { try { // 动态加载 LuckySheet 资源 const baseURL = "https://unpkg.com/luckysheet@latest/dist"; const resources = [ `${baseURL}/plugins/css/pluginsCss.css`, `${baseURL}/plugins/plugins.css`, `${baseURL}/css/luckysheet.css`, `${baseURL}/assets/iconfont/iconfont.css`, `${baseURL}/plugins/js/plugin.js`, `${baseURL}/luckysheet.umd.js` ]; await Promise.all(resources.map(src => asynLoad(src, src.endsWith('.css')))); if (!window.luckysheet) { throw new Error('Luckysheet 加载失败'); } // 获取 Excel 文件 const response = await axios.get(fileUrl, { responseType: 'arraybuffer' }); const arrayBuffer = new Uint8Array(response.data); const file = new File([arrayBuffer], fileName); // 转换并渲染 Excel return new Promise((resolve, reject) => { LuckyExcel.transformExcelToLucky(file, (exportJson, luckyIns) => { if (!exportJson.sheets || !exportJson.sheets.length) { reject('无法读取 Excel 文件内容'); return; } window.luckysheet.create({ container: containerId, data: exportJson.sheets, title: exportJson.info.name, lang: 'zh', showinfobar: false, allowEdit: false }); resolve(luckyIns); }, () => { reject('转换 Excel 文件失败'); }); }); } catch (error) { console.error('Error rendering Excel:', error); throw error; } }, destroy(instance) { if (instance && typeof instance.destroy === 'function') { instance.destroy(); } } }; // src/utils/filePreview.js export const filePreviewUtil = { async togglePreview(fileType, fileUrl, options) { // 清理上一次的预览资源 this.resetPreviousPreview(); switch (fileType.toLowerCase()) { case 'pdf': await this.previewPDF(fileUrl, options); break; case 'docx': await this.previewDocx(fileUrl, options); break; case 'xlsx': await this.previewExcel(fileUrl, options); break; default: throw new Error('Unsupported file type for preview'); } }, async previewPDF(fileUrl, { canvas, currentPage = 1, zoomLevel = 1.0 }) { const pdfDoc = await previewPDF.initPDF(fileUrl); await previewPDF.renderPage(pdfDoc, currentPage, canvas, zoomLevel); return { pdfDoc, totalPages: pdfDoc.numPages }; }, async previewDocx(fileUrl, { container }) { await previewDocx.render(fileUrl, container); }, async previewExcel(fileUrl, { containerId, fileName }) { return previewExcel.render(fileUrl, fileName, containerId); }, resetPreviousPreview() { // 清理 PDF 预览 if (this.currentPreviewType === 'pdf') { this.resetPDF(this.currentCanvas); } // 清理 Excel 预览 if (this.currentPreviewType === 'xlsx') { this.resetExcel(); } // 清理 DOCX 预览 if (this.currentPreviewType === 'docx') { this.resetDocx(this.currentDocxContainer); } // 重置当前预览类型 this.currentPreviewType = null; this.currentCanvas = null; this.currentDocxContainer = null; }, resetPDF(canvas) { if (canvas) { const ctx = canvas.getContext('2d'); ctx.clearRect(0, 0, canvas.width, canvas.height); canvas.width = 0; canvas.height = 0; } }, resetExcel() { // 销毁 Luckysheet 实例 if (window.luckysheet && typeof window.luckysheet.destroy === 'function') { try { window.luckysheet.destroy(); } catch (e) { console.error('销毁 Luckysheet 时出错:', e); } } // 清理全局变量 window.luckysheet = null; window.luckysheet_create = null; // 清理 DOM 元素 const luckysheetContainer = document.getElementById('luckysheet'); if (luckysheetContainer) { luckysheetContainer.innerHTML = ''; luckysheetContainer.remove(); } // 清理插件添加的事件监听器 const events = ['mousedown', 'mouseup', 'mousemove', 'keydown', 'keyup']; events.forEach(event => { document.removeEventListener(event, this.handleLuckysheetEvent); }); // 清理样式 const luckysheetStyles = document.querySelectorAll('link[href*="luckysheet"], style[data-luckysheet]'); luckysheetStyles.forEach(style => style.remove()); }, resetDocx(container) { if (container) { container.innerHTML = ''; } } };<template> <div> <!-- 头部组件 --> <Header /> <div class="notice-container" style="width: 90%; margin: 0 auto;"> <!-- 面包屑导航 --> <div class="breadcrumb"> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/front' }">首页</el-breadcrumb-item> <el-breadcrumb-item>值班信息列表</el-breadcrumb-item> </el-breadcrumb> </div> <!-- 数据表格 --> <el-table v-loading="loading" :data="tableData" style="width: 100%" border > <el-table-column prop="name" label="部门" width="150"></el-table-column> <el-table-column label="标题"> <template v-slot="{ row }"> <span class="title-text">{{ row.title }}</span> </template> </el-table-column> <el-table-column prop="updateTime" label="更新时间" width="180"> <template v-slot="{ row }"> {{ formatTime(row.updateTime) }} </template> </el-table-column> <el-table-column label="操作" width="180"> <template v-slot="{ row }"> <el-button size="mini" type="primary" @click="downloadFile(row)" :disabled="!row.fileUrl" > 下载 </el-button> <el-button size="mini" type="success" @click="previewFile(row)" :disabled="!canPreview(row.fileUrl)" > 预览 </el-button> </template> </el-table-column> </el-table> <!-- 分页组件 --> <div class="pagination"> <el-pagination background @current-change="handlePageChange" @size-change="handleSizeChange" :current-page="pageNum" :page-size="pageSize" :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total" ></el-pagination> </div> <!-- 预览对话框 --> <el-dialog :title="previewTitle" :visible.sync="previewVisible" width="80%" top="5vh" > <div v-if="previewType === 'pdf'" class="pdf-preview"> <div class="pagination-controls"> <el-button @click="prevPage" :disabled="currentPage === 1" icon="el-icon-arrow-left" circle ></el-button> <div class="page-info"> <span>第 {{ currentPage }} / {{ totalPages }} 页</span> </div> <el-button @click="nextPage" :disabled="currentPage === totalPages" icon="el-icon-arrow-right" circle ></el-button> <div class="page-jump"> <el-input-number v-model="jumpPage" :min="1" :max="totalPages" controls-position="right" size="mini" ></el-input-number> <el-button type="primary" size="mini" @click="jumpToPage" >跳转</el-button> </div> <div class="zoom-controls"> <el-button @click="changeZoom(-0.1)" icon="el-icon-minus" circle size="mini" ></el-button> <span>{{ (zoomLevel * 100).toFixed(0) }}%</span> <el-button @click="changeZoom(0.1)" icon="el-icon-plus" circle size="mini" ></el-button> </div> </div> <div class="pdf-viewer"> <canvas ref="pdfCanvas"></canvas> </div> </div> <div v-else-if="previewType === 'docx'" class="docx-preview"> <div ref="docxContainer" class="docx-container"></div> </div> <div v-else-if="previewType === 'xlsx'" class="excel-preview"> <div id="luckysheet" style="height: 600px"></div> </div> <div v-else-if="isImage" class="image-preview"> <el-image :src="previewFileUrl" fit="contain" style="max-height: 70vh; width: 100%" > <div slot="error" class="image-error"> <i class="el-icon-picture-outline"></i> <p>图片加载失败</p> </div> </el-image> </div> <div v-else class="unsupported-preview"> <div class="unsupported-content"> <i class="el-icon-warning-outline"></i> <h3>不支持预览此文件类型</h3> <p>请下载文件后使用本地应用打开</p> </div> </div> </el-dialog> </div> <Footer /> </div> </template> <script> import { filePreviewUtil } from '@/utils/filePreview'; import { getFileExtension } from '@/utils/fileUtils'; import Footer from '@/components/Footer.vue' import Header from '@/components/Header.vue'; export default { name: 'DutyMore', components: { Header, Footer }, data() { return { loading: false, pageNum: 1, pageSize: 10, total: 0, tableData: [], searchParams: { name: '', title: '' }, // 预览相关数据 previewVisible: false, previewTitle: '', previewFileUrl: '', previewType: '', isImage: false, // PDF预览相关 pdfDoc: null, currentPage: 1, totalPages: 0, jumpPage: 1, zoomLevel: 1.0, }; }, created() { this.loadData(); }, methods: { // 加载数据 async loadData() { this.loading = true; try { const res = await this.$request.get('/duty/selectPage', { params: { pageNum: this.pageNum, pageSize: this.pageSize, ...this.searchParams } }); if (res.code === '200') { this.tableData = res.data?.list || []; this.total = res.data?.total || 0; } else { this.$message.error(res.msg || '加载数据失败'); } } catch (error) { console.error('加载值班数据失败:', error); this.$message.error('数据加载失败'); } finally { this.loading = false; } }, // 分页大小变化 handleSizeChange(newSize) { this.pageSize = newSize; this.pageNum = 1; this.loadData(); }, // 页码变化 handlePageChange(val) { this.pageNum = val; this.loadData(); }, // 时间格式化 formatTime(time) { if (!time) return ''; const date = new Date(time); return `${date.getFullYear()}-${(date.getMonth()+1).toString().padStart(2,'0')}-${date.getDate().toString().padStart(2,'0')}`; }, // 下载文件 downloadFile(row) { if (!row.fileUrl) { this.$message.warning('该记录没有可下载的文件'); return; } const link = document.createElement('a'); link.href = this.getFullFileUrl(row.fileUrl); link.download = row.title || '值班文件'; link.style.display = 'none'; document.body.appendChild(link); link.click(); document.body.removeChild(link); }, // 判断是否支持预览 canPreview(fileUrl) { if (!fileUrl) return false; const ext = getFileExtension(fileUrl).toLowerCase(); return ['pdf', 'docx', 'xlsx', 'jpg', 'jpeg', 'png', 'gif'].includes(ext); }, // 预览文件 // 预览文件 previewFile(row) { if (!row.fileUrl) { this.$message.warning('该记录没有可预览的文件'); return; } this.previewTitle = row.title; this.previewFileUrl = this.getFullFileUrl(row.fileUrl); this.previewType = getFileExtension(row.fileUrl).toLowerCase(); this.isImage = ['jpg', 'jpeg', 'png', 'gif'].includes(this.previewType); // 在打开新弹窗前清理上一次的预览资源 filePreviewUtil.resetPreviousPreview(); if (!this.canPreview(row.fileUrl)) { this.$message.warning('不支持预览此文件类型'); this.previewVisible = true; return; } this.previewVisible = true; this.$nextTick(async () => { try { this.loading = true; if (this.previewType === 'pdf') { await filePreviewUtil.togglePreview( 'pdf', this.previewFileUrl, { canvas: this.$refs.pdfCanvas, currentPage: this.currentPage, zoomLevel: this.zoomLevel } ); } else if (this.previewType === 'docx') { await filePreviewUtil.togglePreview( 'docx', this.previewFileUrl, { container: this.$refs.docxContainer } ); } else if (this.previewType === 'xlsx') { await filePreviewUtil.togglePreview( 'xlsx', this.previewFileUrl, { containerId: 'luckysheet', fileName: this.previewTitle } ); } } catch (error) { console.error('预览失败:', error); this.$message.error('预览失败: ' + error.message); } finally { this.loading = false; } }); }, // 获取完整文件URL getFullFileUrl(url) { return url.includes('http') ? url : (this.$baseUrl + url); }, // PDF预览方法 async previewPDF() { try { const { pdfDoc, totalPages } = await filePreviewUtil.previewPDF( this.previewFileUrl, { canvas: this.$refs.pdfCanvas, currentPage: this.currentPage, zoomLevel: this.zoomLevel } ); this.pdfDoc = pdfDoc; this.totalPages = totalPages; this.currentPage = 1; this.jumpPage = 1; } catch (error) { console.error('PDF预览失败:', error); throw error; } }, // DOCX预览方法 async previewDocx() { try { await filePreviewUtil.previewDocx(this.previewFileUrl, { container: this.$refs.docxContainer }); } catch (error) { console.error('DOCX预览失败:', error); throw error; } }, // Excel预览方法 async previewExcel() { try { await filePreviewUtil.previewExcel(this.previewFileUrl, { containerId: 'luckysheet', fileName: this.previewTitle }); } catch (error) { console.error('Excel预览失败:', error); throw error; } }, // PDF分页控制方法 async prevPage() { if (this.currentPage > 1) { this.currentPage--; this.jumpPage = this.currentPage; await this.renderPDFPage(this.currentPage); } }, async nextPage() { if (this.currentPage < this.totalPages) { this.currentPage++; this.jumpPage = this.currentPage; await this.renderPDFPage(this.currentPage); } }, async jumpToPage() { if (this.jumpPage >= 1 && this.jumpPage <= this.totalPages) { this.currentPage = this.jumpPage; await this.renderPDFPage(this.currentPage); } else { this.$message.warning('请输入有效的页码'); } }, async renderPDFPage(pageNum) { if (!this.pdfDoc || pageNum < 1 || pageNum > this.totalPages) return; try { await filePreviewUtil.renderPDFPage( this.pdfDoc, pageNum, this.$refs.pdfCanvas, this.zoomLevel ); } catch (error) { console.error('渲染PDF页面失败:', error); this.$message.error('渲染页面失败: ' + error.message); } }, async changeZoom(delta) { this.zoomLevel = Math.min(Math.max(this.zoomLevel + delta, 0.25), 3.0); await this.renderPDFPage(this.currentPage); } }, beforeDestroy() { // 组件销毁时清理所有资源 filePreviewUtil.resetPreviousPreview(); } }; </script> <style scoped> .notice-container { margin-top: 20px; } .breadcrumb { margin-bottom: 20px; padding: 10px 0; border-bottom: 1px solid #eee; } .title-text { color: #333; } .pagination { margin-top: 20px; text-align: center; } .el-table { margin-top: 10px; } /* 预览相关样式 */ .pdf-preview { display: flex; flex-direction: column; height: 100%; } .pagination-controls { display: flex; justify-content: center; align-items: center; gap: 15px; padding: 10px; margin-bottom: 10px; flex-wrap: wrap; } .page-info { font-size: 14px; min-width: 100px; text-align: center; } .page-jump { display: flex; align-items: center; gap: 8px; } .zoom-controls { display: flex; align-items: center; gap: 8px; } .pdf-viewer { min-height: 500px; max-height: 70vh; overflow: auto; } .docx-preview { min-height: 500px; max-height: 70vh; overflow: auto; } .excel-preview { min-height: 500px; max-height: 70vh; } .image-preview { display: flex; justify-content: center; align-items: center; min-height: 500px; max-height: 70vh; } .unsupported-preview { display: flex; justify-content: center; align-items: center; min-height: 200px; } .unsupported-content { text-align: center; } .unsupported-content i { font-size: 40px; color: #e6a23c; margin-bottom: 10px; } .unsupported-content h3 { margin-bottom: 10px; color: #606266; } </style>清除excel时只清除了容器而没清除加载出来的excel内容
06-21
// ====== 环境修复与全局对象安全 ====== (function() { // 安全获取全局对象的函数(支持严格模式和所有环境) const getGlobalObject = () => { // 1. 优先使用现代标准 globalThis if (typeof globalThis !== 'undefined') return globalThis; // 2. 处理严格模式限制 try { const globalFromFn = Function('return this')(); if (globalFromFn) return globalFromFn; } catch (e) { console.warn('[EnvFix] Function constructor blocked in strict mode'); } // 3. 环境特定对象 if (typeof global !== 'undefined') return global; // Node.js if (typeof window !== 'undefined') return window; // 浏览器 if (typeof self !== 'undefined') return self; // Web Worker // 4. Cocos Creator 原生环境特殊处理 if (typeof cc !== 'undefined' && cc.sys && cc.sys.__globalAdapter) { return cc.sys.__globalAdapter; } // 5. 最后手段:创建新的全局对象 console.error('[EnvFix] Unable to determine global object, creating new'); return {}; }; const globalObj = getGlobalObject(); // 修复关键全局变量(使用 Object.defineProperty 防止覆盖) const defineGlobal = (name, value) => { if (typeof globalObj[name] === 'undefined') { Object.defineProperty(globalObj, name, { value, writable: true, configurable: true, enumerable: true }); console.log(`[EnvFix] Defined global: ${name}`); } }; // 定义关键全局对象 defineGlobal('global', globalObj); defineGlobal('self', globalObj); defineGlobal('globalThis', globalObj); defineGlobal('window', globalObj); // 原生平台特殊处理 if (cc && cc.sys && cc.sys.isNative) { // 确保 XMLHttpRequest 存在 if (typeof XMLHttpRequest === 'undefined') { defineGlobal('XMLHttpRequest', function() { return cc.loader.getXMLHttpRequest(); }); } // 确保 document 对象存在 if (typeof document === 'undefined') { defineGlobal('document', { createElement: () => ({ appendChild: () => {} }), head: { appendChild: () => {} }, body: { appendChild: () => {} } }); } // 确保 location 对象存在 if (typeof location === 'undefined') { defineGlobal('location', { href: 'file://', protocol: 'file:', hostname: 'localhost', host: 'localhost', origin: 'file://' }); } console.log('[EnvFix] Native environment patched'); } // 确保 require 函数存在 if (typeof globalObj.require === 'undefined') { defineGlobal('require', function(module) { if (globalObj.__modules && globalObj.__modules[module]) { return globalObj.__modules[module]; } console.warn(`[RequireFallback] Module '${module}' not found`); return {}; }); } })(); // ====== 引擎初始化保护系统 ====== const EngineReady = (function() { let _promise = null; let _resolve = null; let _isReady = false; let _checkInterval = null; const safeCheckEngine = () => { // 引擎已初始化 if (cc && cc.game && cc.game._isEngineInited) { return true; } // 尝试监听初始化事件 if (cc && cc.game && cc.game.once) { const eventName = cc.game.EVENT_ENGINE_INITED || 'engine-inited'; cc.game.once(eventName, () => { _resolve && _resolve(); _isReady = true; _checkInterval && clearInterval(_checkInterval); }); return true; } return false; }; return { get isReady() { return _isReady; }, get promise() { return _promise; }, init() { if (!_promise) { _promise = new Promise(resolve => { _resolve = () => { _isReady = true; resolve(); _checkInterval && clearInterval(_checkInterval); }; // 首次检查 if (safeCheckEngine()) return; // 轮询检查 _checkInterval = setInterval(() => { safeCheckEngine() && _resolve(); }, 100); }); } return _promise; }, safeAccess(callback) { if (_isReady) { try { return callback(); } catch (e) { console.error('[EngineSafe] Error:', e); } } return _promise.then(callback).catch(e => { console.error('[EngineSafe] Async error:', e); }); } }; })(); EngineReady.init(); // ====== 游戏主入口 ====== async function gameMainEntry() { try { console.log('[Main] Waiting for engine initialization...'); await EngineReady.promise; console.log('[Main] Engine ready'); // 基本引擎配置 EngineReady.safeAccess(() => { if (cc.view) { cc.view.enableRetina(true); cc.view.resizeWithBrowserSize(true); cc.view.setDesignResolutionSize(960, 640, cc.ResolutionPolicy.SHOW_ALL); } }); // 加载SDK await loadGravityEngineSDK(); // 加载启动场景 await loadStartScene(); } catch (error) { console.error('[Main] Initialization failed:', error); try { cc.director.loadScene('start'); } catch (fallbackError) { displayErrorFallback('启动失败\n请重启应用'); } } } // 错误显示后备方案 function displayErrorFallback(message) { try { const errorDiv = document.createElement('div'); errorDiv.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; color: white; display: flex; justify-content: center; align-items: center; z-index: 9999; font: 24px Arial, sans-serif; text-align: center; white-space: pre-line; padding: 20px; `; errorDiv.textContent = message; document.body.appendChild(errorDiv); } catch (e) { console.error('[Fallback] Display failed:', e); } } // ====== SDK加载器增强版 ====== async function loadGravityEngineSDK() { // 使用相对路径解决加载问题 const sdkPaths = [ './assets/_plugs/lib/gravityengine.mg.cocoscreator.min.js', '_plugs/lib/gravityengine.mg.cocoscreator.min.js', 'lib/gravityengine.mg.cocoscreator.min.js' ]; for (const path of sdkPaths) { try { // 关键修复:在加载 SDK 前确保全局对象完整 ensureGlobalEnvironment(); // JSB 特殊处理:使用 require 加载 if (cc.sys.isNative && cc.sys.__globalAdapter?.require) { cc.sys.__globalAdapter.require(path); console.log('[SDK] Native require loaded:', path); } else { await loadScript(path); console.log('[SDK] Loaded from:', path); } // 关键修复:加载后再次检查全局对象 ensureGlobalEnvironment(); initGravityEngine(); return; } catch (e) { console.warn('[SDK] Load failed:', path, e.message); } } console.error('[SDK] All paths failed'); handleSDKLoadFailure(); } function ensureGlobalEnvironment() { // 获取全局对象 const getGlobalObject = () => { if (typeof globalThis !== 'undefined') return globalThis; if (typeof global !== 'undefined') return global; if (typeof window !== 'undefined') return window; if (typeof self !== 'undefined') return self; return Function('return this')() || {}; }; const globalObj = getGlobalObject(); // 确保 self 在所有环境中都存在 if (typeof self === 'undefined') { console.warn('[GlobalFix] self is undefined, patching...'); Object.defineProperty(globalObj, 'self', { value: globalObj, writable: true, configurable: true, enumerable: true }); } // 确保其他关键全局对象存在 const requiredGlobals = ['window', 'global', 'globalThis', 'document', 'location']; requiredGlobals.forEach(name => { if (typeof globalObj[name] === 'undefined') { console.warn(`[GlobalFix] ${name} is undefined, patching...`); Object.defineProperty(globalObj, name, { value: globalObj, writable: true, configurable: true, enumerable: true }); } }); // 原生平台特殊处理 if (cc && cc.sys && cc.sys.isNative) { // 确保 location 对象存在 if (typeof location === 'undefined') { Object.defineProperty(globalObj, 'location', { value: { href: 'file://', protocol: 'file:', hostname: 'localhost' }, writable: false, configurable: false, enumerable: true }); } } } function loadScript(path) { return new Promise((resolve, reject) => { // 优先使用 Cocos 的加载系统 if (cc.assetManager?.loadScript) { cc.assetManager.loadScript(path, (err) => { if (err) { // 原生平台特殊处理 if (cc.sys.isNative) { console.warn('[SDK] Using native fallback for script loading'); try { // 原生平台直接执行脚本 const jsb = cc.sys.__globalAdapter; if (jsb && jsb.require) { jsb.require(path); return resolve(); } } catch (nativeError) { console.error('[SDK] Native require failed:', nativeError); } } reject(err); } else { resolve(); } }); return; } // 后备方案:直接创建 script 标签 try { const script = document.createElement('script'); script.src = path; script.onload = () => resolve(); script.onerror = () => reject(new Error(`Failed to load ${path}`)); document.head.appendChild(script); console.warn('[SDK] Using DOM fallback for script loading'); } catch (e) { reject(e); } }); } function initGravityEngine() { let GravityEngine = null; // 1. 尝试标准方式获取 if (typeof GravityEngine === 'function') { console.log('[SDK] GravityEngine found in local scope'); } // 2. 尝试从全局对象中查找 else if (typeof window.GravityEngine === 'function') { GravityEngine = window.GravityEngine; console.warn('[SDK] Found GravityEngine in window object'); } // 3. 尝试从其他全局对象中查找 else if (typeof global.GravityEngine === 'function') { GravityEngine = global.GravityEngine; console.warn('[SDK] Found GravityEngine in global object'); } // 4. 尝试从 self 对象中查找 else if (typeof self.GravityEngine === 'function') { GravityEngine = self.GravityEngine; console.warn('[SDK] Found GravityEngine in self object'); } // 5. 最后尝试从 globalThis 中查找 else if (typeof globalThis.GravityEngine === 'function') { GravityEngine = globalThis.GravityEngine; console.warn('[SDK] Found GravityEngine in globalThis object'); } else { console.error('[SDK] GravityEngine not found'); return; } try { // 使用您的 AppID 624768904 GravityEngine.init({ appId: '624768904', enableLog: true }); console.log('[SDK] GravityEngine initialized with AppID 624768904'); } catch (e) { console.error('[SDK] Init failed:', e); } } function handleSDKLoadFailure() { console.warn('[SDK] Using fallback analytics'); window.GravityEngine = { init: () => console.warn('SDK unavailable'), trackEvent: () => {} }; } // ====== 场景加载器 ====== async function loadStartScene() { try { // 加载主资源包 await new Promise((resolve) => { if (!cc.assetManager?.loadBundle) { console.warn('[Scene] AssetManager unavailable'); return resolve(); } cc.assetManager.loadBundle('main', (err) => { if (err) console.error('[Scene] Bundle load error:', err); resolve(); }); }); // 加载场景 if (cc.director?.loadScene) { cc.director.loadScene('start'); } else { throw new Error('Director unavailable'); } } catch (error) { console.error('[Scene] Load failed:', error); try { cc.director.loadScene('start'); } catch (e) { throw new Error('Fallback scene load failed'); } } } // ====== UI_Entry组件 ====== const { ccclass, property } = cc._decorator; @ccclass export default class UI_Entry extends cc.Component { @property(cc.ProgressBar) progress_loading = null; loginTimeoutHandler = null; onLoad() { EngineReady.safeAccess(() => { try { cc.director.getCollisionManager().enabled = true; this._show(); } catch (e) { console.error('[UI] onLoad error:', e); this.startLoadGame(); } }).catch(e => { console.error('[UI] Engine access error:', e); this.startLoadGame(); }); } onDestroy() { this.loginTimeoutHandler && cc.Tween.stop(this.loginTimeoutHandler); } async _show() { this.progress_loading.progress = 0; // 平台SDK初始化 if (cc.sys.isBrowser) { try { await this.initYPSDK(); } catch (e) { console.error('[YPSDK] Init failed:', e); this.startLoadGame(); } } else { this.startLoadGame(); } // 登录超时保护 this.setLoginTimeout(); } setLoginTimeout() { if (cc.tween) { this.loginTimeoutHandler = cc.tween(this) .delay(10) .call(() => { console.warn('[Login] Timeout after 10s'); this.startLoadGame(); }) .start(); } else { setTimeout(() => this.startLoadGame(), 10000); } } async initYPSDK() { if (typeof YPSDK === 'undefined') { console.warn('[YPSDK] SDK unavailable'); return; } const config = { gameChannelList: { h5: { platformType: "h5", version: "1.0.0" }, tt: { platformType: "tt", appId: "tt09297f94961f881b02" }, wx: { platformType: "wx", appId: "wx6baaaa27ab5186ff" } } }; await YPSDK.init(39, "https://platform-shop-dev.hanyougame.com", config); await YPSDK.login(); if (YPSDK.setLoginCallBack) { YPSDK.setLoginCallBack(success => { if (!success) return; // 取消超时 this.loginTimeoutHandler && cc.Tween.stop(this.loginTimeoutHandler); // 初始化分析SDK if (r_GravityPlatform.default?.GA_Init) { r_GravityPlatform.default.GA_Init(YPSDK.Platform.loginData.bindingId); } this.startLoadGame(); }); } else { this.startLoadGame(); } } startLoadGame() { const tasks = [ this._loadGameConfig, this._loadRemoteConfig, this._loadExcelData, this._loadUserData, this._loadCommonBundle, this._loadMainBundle ].map(fn => fn.bind(this)); this.executeTasks(tasks, () => this._loadGame()); } executeTasks(tasks, finalCallback) { let completed = 0; const total = tasks.length; const runTask = async (index) => { if (index >= total) { finalCallback(); return; } try { await tasks[index](); completed++; this._setProgress(completed / total); runTask(index + 1); } catch (e) { console.error(`[Task ${index}] Failed:`, e); completed++; this._setProgress(completed / total); runTask(index + 1); // 继续执行后续任务 } }; runTask(0); } async _loadExcelData() { if (!r_ExcelLoader?.ExcelLoader?.loadAll) { console.warn('[Data] ExcelLoader unavailable'); return; } await r_ExcelLoader.ExcelLoader.loadAll(); console.log('[Data] Excel loaded'); } async _loadGameConfig() { if (!r_ResLoader.default?.loadRes) { console.warn('[Config] ResLoader unavailable'); return; } const jsonAsset = await r_ResLoader.default.loadRes( "resources", "config/GameConfig", cc.JsonAsset ); if (jsonAsset && r_GameConfig.default) { r_GameConfig.default.appConfig = jsonAsset.json; jsonAsset.decRef && jsonAsset.decRef(); console.log('[Config] Game config loaded'); } } async _loadRemoteConfig() { if (!r_GameConfig.default?.appConfig?.RemoteUrl) { console.warn('[Config] RemoteUrl not set'); return; } const remoteUrl = r_GameConfig.default.appConfig.RemoteUrl; const remotePath = cc.path.join(remoteUrl, "ADConfig.json"); try { const remoteConfig = await r_ResLoader.default.loadRemote(remotePath, { ext: ".json" }); if (remoteConfig?.json && r_GravityPlatform.default) { r_GravityPlatform.default.videoId = remoteConfig.json.ADUnitId[0]; r_GameConfig.default.adConfig = remoteConfig.json; console.log('[Config] Remote config loaded'); } } catch (e) { console.error('[Config] Remote load failed:', e); } } async _loadCommonBundle() { if (!r_ResLoader.default?.loadBundle) { console.warn('[Bundle] ResLoader unavailable'); return; } try { await r_ResLoader.default.loadBundle(r_BundleConfig.BundleNames.Common); console.log('[Bundle] Common loaded'); } catch (e) { console.error('[Bundle] Common load failed:', e); } } async _loadMainBundle() { if (!r_ResLoader.default?.loadBundle) { console.warn('[Bundle] ResLoader unavailable'); return; } try { await r_ResLoader.default.loadBundle(r_BundleConfig.MainGameBundle); console.log('[Bundle] Main loaded'); } catch (e) { console.error('[Bundle] Main load failed:', e); } } async _loadUserData() { try { // 音频初始化 r_AudioManager.AudioMgr?.init(); // 全局配置 r_GameGlobalVariable.GameGlobalVariable?.initPeiZhi(); // 网络检测 if (YPSDK?.Common?.curChannelData) { const platformType = YPSDK.Common.curChannelData.platformType; if (platformType === YPSDK.GamePlatformType.WX || platformType === YPSDK.GamePlatformType.TT) { r_YpNetMag.YpNetMag?.failSever(() => { r_YpNetMag.YpNetMag.isFail = true; }); } } // 用户数据初始化 if (YPSDK?.Platform?.loginData) { await r_YpNetMag.YpNetMag?.initServer(YPSDK.Platform.loginData); } } catch (e) { console.error('[User] Load failed:', e); } } _loadGame() { try { const guideIndex = r_PlayerDataManager.PlayerDataMgr.GetGuideIndexByTaskName( r_Const_Common.GuideName.战斗背包 ); if (guideIndex !== r_Const_Common.GameBagGuideIndex.引导完结) { // 新玩家流程 r_PlayerDataManager.PlayerDataMgr.GMSetGuideIndex?.( r_Const_Common.GuideName.战斗背包, r_Const_Common.GameBagGuideIndex.引导初始1 ); r_GameDataManager.GameDataMgr?.ClearGameBagData(); r_GameGlobalVariable.GameGlobalVariable.nowlevel = 1; r_UIManager.default?.open( r_BundleConfig.BundleNames.Game, r_UIConfig_Game.UIView_Game.UI_GameView ); } else { // 老玩家流程 r_EventManager.EventMgr?.dispatchEvent(r_EvenType.EVENT_TYPE.Game_Load_View, true); r_UIManager.default?.open( r_BundleConfig.BundleNames.Home, r_UIConfig_Home.UIView_Home.UI_Hall ); } // 白名单检查 this.checkWhiteList(); } catch (e) { console.error('[Game] Load failed:', e); try { cc.director.loadScene('start'); } catch (sceneError) { console.error('[Game] Scene load failed:', sceneError); } } } async checkWhiteList() { try { if (!YPSDK?.Platform?.loginData || !YPSDK.platformUrl) return; const url = `${YPSDK.platformUrl}/User/GetCfgData?userId=${YPSDK.Platform.loginData.userUid}&keyId=NoVideo`; if (r_HttpManager.HttpMgr?.requestData) { r_HttpManager.HttpMgr.requestData(res => { if (res?.data?.keyData === "true") { r_PlayerDataManager.PlayerDataMgr.WHITE_NAME_NO_VIDEO = true; } }, url); } } catch (e) { console.error('[WhiteList] Check failed:', e); } } _setProgress(progress) { if (!this.progress_loading) return; this.progress_loading.progress = Math.max(0, Math.min(1, progress)); } } // ====== 启动游戏 ====== if (cc?.game?.run) { cc.game.run(() => { // 确保环境修复完成 ensureGlobalEnvironment(); gameMainEntry(); }); } else { setTimeout(() => { ensureGlobalEnvironment(); gameMainEntry(); }, 1000); } 针对上述问题 给我修改后的完整代码
07-16
想要在组件中使用AMap.plugin,是否需要在vue.config.js中引入,以下是我的vue.config.js文件代码 'use strict' const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } const timeUpdate = new Date().getTime() module.exports = { publicPath: '/', outputDir: 'dist', assetsDir: 'static', lintOnSave: process.env.NODE_ENV === 'test', productionSourceMap: false, devServer: { port: 8080, open: true, overlay: { warnings: false, errors: true } }, configureWebpack: { name: process.env.VUE_APP_BASE_TITLE, resolve: { alias: { '@': resolve('src') } }, // 引入高德地图 externals: { AMap: 'AMap' }, // 关闭 webpack 的性能提示 performance: { hints: false }, output: { filename: `[name].js?v=${timeUpdate}`, chunkFilename: `[name].js?v=${timeUpdate}` } }, css: { // 是否使用css分离插件 ExtractTextPlugin extract: { filename: `static/css/[name].${timeUpdate}.css`, chunkFilename: `static/css/[name].${timeUpdate}.css` } }, chainWebpack(config) { // 解决在ie11页面白的问题,webpack打包的时候,是不会把node_module模块用babel解析的,所以配置一下手动解析node_module config.module .rule('nousess') .test(/\.js$/) .include.add(resolve('node_modules/debug/src')) .end() .use('babel-loader') .loader('babel-loader') .end() // 设置svg-sprite-loader config.module .rule('svg') .exclude.add(resolve('src/icons')) .end() config.module .rule('icons') .test(/\.svg$/) .include.add(resolve('src/icons')) .end() .use('svg-sprite-loader') .loader('svg-sprite-loader') .options({ symbolId: 'icon-[name]' }) .end() config.module .rule('images') .use('url-loader') .tap(options => { options.name = `static/img/[name].${timeUpdate}.[ext]` options.fallback = { loader: 'file-loader', options: { name: `static/img/[name].${timeUpdate}.[ext]` } } return options }) } }
最新发布
11-20
// ====== 环境修复代码(确保全局对象安全) ====== (function() { if (cc && cc.sys && cc.sys.isNative) { try { console.log('[EnvFix] Applying environment patches for', cc.sys.os); // 可靠获取全局对象的多平台兼容方案 const getGlobalObject = () => { // 优先级1: Cocos Creator 的全局对象 if (typeof cc !== 'undefined' && cc.game && cc.game.globalObject) { return cc.game.globalObject; } // 优先级2: Node.js 环境 if (typeof global !== 'undefined') return global; // 优先级3: 浏览器环境 if (typeof window !== 'undefined') return window; // 优先级4: Web Worker 环境 if (typeof self !== 'undefined') return self; // 终极回退方案 return Function('return this')() || {}; }; const globalObj = getGlobalObject(); // 修复关键全局变量缺失问题 if (typeof global === 'undefined') global = globalObj; if (typeof self === 'undefined') self = globalObj; if (typeof globalThis === 'undefined') globalThis = globalObj; // 确保全局对象上有 self 属性 if (globalObj && typeof globalObj.self === 'undefined') { Object.defineProperty(globalObj, 'self', { value: globalObj, writable: false, configurable: false, enumerable: false }); console.log('[EnvFix] Added self to global object'); } // 验证修复结果 console.log('[EnvFix] Verification:', { global: typeof global, self: typeof self, globalThis: typeof globalThis, equality: self === global && global === globalThis }); } catch (e) { console.error('[EnvFix] Failed:', e); } } else { console.log('[EnvFix] Skipping for non-native platform'); } })(); // ====== 改进的引擎初始化保护系统 ====== const EngineReady = (function() { let _promise = null; let _resolve = null; let _isReady = false; let _checkInterval = null; return { get isReady() { return _isReady; }, get promise() { return _promise; }, init() { if (!_promise) { _promise = new Promise(resolve => { _resolve = () => { _isReady = true; resolve(); if (_checkInterval) { clearInterval(_checkInterval); _checkInterval = null; } }; // 安全检查:确保cc.game存在 const safeCheckEngine = () => { // 如果引擎已经初始化 if (cc && cc.game && cc.game._isEngineInited) { _resolve(); return true; } // 尝试监听引擎初始化事件 if (cc && cc.game && cc.game.once) { // 使用更安全的方式访问事件常量 const eventName = (cc.game && cc.game.EVENT_ENGINE_INITED) || (cc.Game && cc.Game.EVENT_ENGINE_INITED) || 'engine-inited'; cc.game.once(eventName, _resolve); return true; } return false; }; // 首次尝试检查 if (safeCheckEngine()) { return; } // 如果首次检查失败,设置轮询检查 _checkInterval = setInterval(() => { if (safeCheckEngine()) { clearInterval(_checkInterval); _checkInterval = null; } }, 100); }); } return _promise; }, // 安全访问引擎API的包装器 safeAccess(callback) { if (_isReady) { try { return callback(); } catch (e) { console.error('[EngineSafe] Callback error:', e); } } return _promise.then(callback).catch(e => { console.error('[EngineSafe] Async callback error:', e); }); } }; })(); // 初始化但不立即等待 EngineReady.init(); // ====== 游戏主入口 ====== async function gameMainEntry() { try { console.log('[Main] Waiting for engine initialization...'); // 安全等待引擎初始化 await EngineReady.promise; console.log('[Main] Engine fully initialized'); // 安全初始化游戏设置 EngineReady.safeAccess(() => { if (cc.view) { cc.view.enableRetina(true); cc.view.resizeWithBrowserSize(true); cc.view.setDesignResolutionSize(960, 640, cc.ResolutionPolicy.SHOW_ALL); } }); // 加载重力引擎SDK await loadGravityEngineSDK(); // 加载启动场景 await loadStartScene(); } catch (error) { console.error('[Main] Game initialization failed:', error); // 尝试恢复基本功能 try { // 直接尝试加载场景 if (cc.director && cc.director.loadScene) { cc.director.loadScene('start'); } } catch (fallbackError) { console.error('[Main] Fallback scene load failed:', fallbackError); // 最终后备方案 displayErrorFallback('Initialization Failed\nPlease Restart'); } } } // 错误显示后备方案 function displayErrorFallback(message) { try { // 尝试使用DOM创建错误显示 const errorDiv = document.createElement('div'); errorDiv.style.position = 'fixed'; errorDiv.style.top = '0'; errorDiv.style.left = '0'; errorDiv.style.width = '100%'; errorDiv.style.height = '100%'; errorDiv.style.backgroundColor = 'black'; errorDiv.style.color = 'white'; errorDiv.style.display = 'flex'; errorDiv.style.justifyContent = 'center'; errorDiv.style.alignItems = 'center'; errorDiv.style.zIndex = '9999'; errorDiv.style.fontFamily = 'Arial, sans-serif'; errorDiv.style.fontSize = '24px'; errorDiv.style.textAlign = 'center'; errorDiv.style.whiteSpace = 'pre-line'; errorDiv.textContent = message; document.body.appendChild(errorDiv); } catch (domError) { console.error('[Fallback] Failed to create error display:', domError); } } // ====== SDK 加载器 ====== async function loadGravityEngineSDK() { const sdkPaths = [ 'src/assets/_plugs/lib/gravityengine.mg.cocoscreator.min.js', 'assets/_plugs/lib/gravityengine.mg.cocoscreator.min.js', 'lib/gravityengine.mg.cocoscreator.min.js' // 额外后备路径 ]; let sdkLoaded = false; for (const path of sdkPaths) { try { console.log(`[SDK] Attempting to load from: ${path}`); await new Promise((resolve, reject) => { if (cc && cc.assetManager && cc.assetManager.loadScript) { cc.assetManager.loadScript(path, (err) => { if (err) { console.warn(`[SDK] Load failed: ${err.message}`); reject(err); } else { resolve(); } }); } else { console.warn('[SDK] cc.assetManager not available'); reject('Asset manager not available'); } }); console.log('[SDK] GravityEngine loaded successfully'); sdkLoaded = true; initGravityEngine(); break; } catch (err) { // 继续尝试下一个路径 } } if (!sdkLoaded) { console.error('[SDK] All load attempts failed'); handleSDKLoadFailure(); } } function initGravityEngine() { if (typeof GravityEngine === 'undefined') { console.error('[SDK] GravityEngine not defined after loading'); return; } try { GravityEngine.init({ appId: 'YOUR_APP_ID', // 替换为实际AppID enableLog: true }); console.log('[SDK] GravityEngine initialized'); } catch (e) { console.error('[SDK] Initialization failed:', e); } } function handleSDKLoadFailure() { console.warn('[SDK] Disabling analytics features'); // 创建函数降级 window.trackEvent = window.trackEvent || function() {}; window.GravityEngine = window.GravityEngine || { init: () => console.warn('SDK not available'), trackEvent: () => {} }; } // ====== 场景加载器 ====== async function loadStartScene() { try { // 尝试加载主资源包 await new Promise((resolve, reject) => { if (cc && cc.assetManager && cc.assetManager.loadBundle) { cc.assetManager.loadBundle('main', (err) => { if (err) { console.error('[Scene] Bundle load failed:', err); reject(err); } else { console.log('[Scene] Main bundle loaded'); resolve(); } }); } else { console.warn('[Scene] Asset manager not available, skipping bundle load'); resolve(); // 继续执行 } }); // 加载启动场景 if (cc.director && cc.director.loadScene) { cc.director.loadScene('start'); } else { throw new Error('Director not available'); } } catch (error) { console.error('[Scene] Failed to load main bundle:', error); // 后备方案:直接加载场景 try { console.log('[Scene] Trying direct scene load'); if (cc.director && cc.director.loadScene) { cc.director.loadScene('start'); } else { throw new Error('Director not available'); } } catch (directError) { console.error('[Scene] Direct scene load failed:', directError); throw directError; // 传递给上层处理 } } } // ====== UI_Entry 组件 ====== var _decorator = cc._decorator; var _ccclass = _decorator.ccclass; var _property = _decorator.property; // 导入依赖模块 const r_Const_Common = require("Const_Common"); const r_GravityPlatform = require("GravityPlatform"); const r_YpNetMag = require("YpNetMag"); const r_EvenType = require("EvenType"); const r_PlayerDataManager = require("PlayerDataManager"); const r_ExcelLoader = require("ExcelLoader"); const r_GameDataManager = require("GameDataManager"); const r_GameGlobalVariable = require("GameGlobalVariable"); const r_UIConfig_Game = require("UIConfig_Game"); const r_UIConfig_Home = require("UIConfig_Home"); const r_BundleConfig = require("BundleConfig"); const r_GameConfig = require("GameConfig"); const r_AudioManager = require("AudioManager"); const r_EventManager = require("EventManager"); const r_HttpManager = require("HttpManager"); const r_LogManager = require("LogManager"); const r_ResLoader = require("ResLoader"); const r_UIManager = require("UIManager"); const r_UIView = require("UIView"); var def_UI_Entry = (function (_super) { __extends(def_UI_Entry, _super); function def_UI_Entry() { var _this = _super !== null && _super.apply(this, arguments) || this; _this.progress_loading = null; _this.loginTimeoutHandler = null; return _this; } // 组件生命周期:加载 def_UI_Entry.prototype.onLoad = function () { var _this = this; EngineReady.safeAccess(function () { try { if (cc.director && cc.director.getCollisionManager) { cc.director.getCollisionManager().enabled = true; } console.log('[UI] Collision manager enabled'); _this._show(); } catch (e) { console.error('[UI] onLoad error:', e); _this.startLoadGame(); // 直接开始加载游戏 } }).catch(function (err) { console.error('[UI] Engine access error:', err); _this.startLoadGame(); }); }; // 组件生命周期:销毁 def_UI_Entry.prototype.onDestroy = function () { if (this.loginTimeoutHandler) { cc.Tween.stop(this.loginTimeoutHandler); this.loginTimeoutHandler = null; console.log('[UI] Login timeout handler cleared'); } }; // 显示UI并初始化平台SDK def_UI_Entry.prototype._show = function () { return __awaiter(this, void 0, void 0, function () { var _this = this; return __generator(this, function (_a) { this.progress_loading.progress = 0; console.log('[UI] Showing UI_Entry'); // 平台特定的SDK初始化 if (cc.sys && cc.sys.isBrowser) { this.initYPSDK().catch(function (err) { console.error('[UI] YPSDK init failed:', err); _this.startLoadGame(); }); } else { this.startLoadGame(); } // 设置登录超时保护(10秒) if (cc && cc.tween) { this.loginTimeoutHandler = cc.tween(this) .delay(10) .call(function () { console.warn('[UI] Login timeout after 10s, proceeding without SDK'); _this.startLoadGame(); }) .start(); } else { console.warn('[UI] cc.tween not available, using setTimeout'); setTimeout(() => { console.warn('[UI] Login timeout after 10s, proceeding without SDK'); this.startLoadGame(); }, 10000); } return [2]; }); }); }; // 初始化游品SDK def_UI_Entry.prototype.initYPSDK = function () { return __awaiter(this, void 0, void 0, function () { var config; var _this = this; return __generator(this, function (_a) { switch (_a.label) { case 0: if (typeof YPSDK === 'undefined') { console.warn('[YPSDK] YPSDK not available'); return [2]; } config = { gameChannelList: { h5: { platformType: "h5", describe: "默认 H5 渠道", version: "1.0.0" }, tt: { platformType: "tt", appId: "tt09297f94961f881b02", describe: "默认 TT 渠道", version: "1.0.0" }, wx: { platformType: "wx", appId: "wx6baaaa27ab5186ff", describe: "默认 WX 渠道", version: "1.0.0" } } }; return [4, YPSDK.init(39, "https://platform-shop-dev.hanyougame.com", config)]; case 1: _a.sent(); return [4, YPSDK.login()]; case 2: _a.sent(); // 设置登录回调 if (YPSDK.setLoginCallBack) { YPSDK.setLoginCallBack(function (success) { if (success) { // 取消超时处理 if (_this.loginTimeoutHandler) { if (cc && cc.Tween && cc.Tween.stop) { cc.Tween.stop(_this.loginTimeoutHandler); } _this.loginTimeoutHandler = null; } // 初始化重力引擎 if (r_GravityPlatform.default && typeof r_GravityPlatform.default.GA_Init === 'function') { r_GravityPlatform.default.GA_Init(YPSDK.Platform.loginData.bindingId); } _this.startLoadGame(); } }); } else { console.warn('[YPSDK] setLoginCallBack not available'); } return [2]; } }); }); }; // 开始加载游戏资源 def_UI_Entry.prototype.startLoadGame = function () { var tasks = [ this._loadGameConfig.bind(this), this._loadRemoteConfig.bind(this), this._loadExcelData.bind(this), this._loadUserData.bind(this), this._loadCommonBundle.bind(this), this._loadMainBundle.bind(this) ]; this.executeTasksWithProgress(tasks, this._loadGame.bind(this)); // 微信平台特殊处理 if (cc.sys && cc.sys.platform === cc.sys.WECHAT_GAME && typeof mg !== 'undefined') { try { mg.showShareMenu({ menus: ["shareAppMessage", "shareTimeline"] }); } catch (e) { console.warn('[WeChat] Share menu setup failed:', e); } } }; // 带进度监控的任务执行器 def_UI_Entry.prototype.executeTasksWithProgress = function (tasks, finalCallback) { var _this = this; var completed = 0; var failed = 0; var executeNext = function (index) { if (index >= tasks.length) { if (failed === 0) { finalCallback(); } else { console.warn("[Tasks] Completed with " + failed + " failures"); finalCallback(); // 即使有失败也继续 } return; } tasks[index]() .then(function () { completed++; _this._setProgress(completed / tasks.length); executeNext(index + 1); }) .catch(function (err) { console.error("[Task] #" + index + " failed:", err); failed++; _this._setProgress((completed + 0.5) / tasks.length); // 部分进度 executeNext(index + 1); }); }; executeNext(0); }; // 加载Excel数据 def_UI_Entry.prototype._loadExcelData = function () { return new Promise(function (resolve, reject) { if (r_ExcelLoader && r_ExcelLoader.ExcelLoader && r_ExcelLoader.ExcelLoader.loadAll) { r_ExcelLoader.ExcelLoader.loadAll() .then(function () { console.log('[Data] Excel data loaded'); resolve(); }) .catch(function (err) { console.error('[Data] Excel load failed:', err); reject(err); }); } else { console.warn('[Data] ExcelLoader not available'); resolve(); // 非关键任务继续 } }); }; // 加载游戏配置 def_UI_Entry.prototype._loadGameConfig = function () { return __awaiter(this, void 0, void 0, function () { var jsonAsset; return __generator(this, function (_a) { switch (_a.label) { case 0: if (!r_ResLoader || !r_ResLoader.default || !r_ResLoader.default.loadRes) { console.warn('[Config] ResLoader not available'); return [2, Promise.resolve()]; } return [4, r_ResLoader.default.loadRes("resources", "config/GameConfig", cc.JsonAsset)]; case 1: jsonAsset = _a.sent(); if (jsonAsset && r_GameConfig && r_GameConfig.default) { r_GameConfig.default.appConfig = jsonAsset.json; console.log('[Config] Game config loaded'); if (jsonAsset.decRef) { jsonAsset.decRef(); // 释放引用 } return [2, Promise.resolve()]; } else { console.error('[Config] Game config not found'); return [2, Promise.resolve()]; // 非关键错误继续 } } }); }); }; // 加载远程配置 def_UI_Entry.prototype._loadRemoteConfig = function () { return __awaiter(this, void 0, void 0, function () { var remoteUrl, remotePath, remoteConfig; return __generator(this, function (_a) { switch (_a.label) { case 0: if (!r_GameConfig || !r_GameConfig.default || !r_GameConfig.default.appConfig || !r_GameConfig.default.appConfig.RemoteUrl) { console.warn('[Config] RemoteUrl not configured'); return [2, Promise.resolve()]; } remoteUrl = r_GameConfig.default.appConfig.RemoteUrl; remotePath = cc.path.join(remoteUrl, "ADConfig.json"); return [4, r_ResLoader.default.loadRemote(remotePath, { ext: ".json" })]; case 1: remoteConfig = _a.sent(); if (remoteConfig && remoteConfig.json && r_GravityPlatform && r_GravityPlatform.default) { r_GravityPlatform.default.videoId = remoteConfig.json.ADUnitId[0]; if (r_GameConfig && r_GameConfig.default) { r_GameConfig.default.adConfig = remoteConfig.json; } console.log('[Config] Remote config loaded'); return [2, Promise.resolve()]; } else { console.error('[Config] Remote config load failed'); return [2, Promise.resolve()]; // 非关键错误,继续执行 } } }); }); }; // 加载公共资源包 def_UI_Entry.prototype._loadCommonBundle = function () { return new Promise(function (resolve, reject) { if (!r_ResLoader || !r_ResLoader.default || !r_ResLoader.default.loadBundle) { console.warn('[Bundle] ResLoader not available'); resolve(); return; } r_ResLoader.default.loadBundle(r_BundleConfig.BundleNames.Common) .then(function (bundle) { if (bundle) { console.log('[Bundle] Common bundle loaded'); resolve(); } else { console.warn('[Bundle] Common bundle not loaded'); resolve(); // 非关键错误继续 } }) .catch(err => { console.error('[Bundle] Common bundle load failed:', err); resolve(); // 非关键错误继续 }); }); }; // 加载主游戏包 def_UI_Entry.prototype._loadMainBundle = function () { return new Promise(function (resolve, reject) { if (!r_ResLoader || !r_ResLoader.default || !r_ResLoader.default.loadBundle) { console.warn('[Bundle] ResLoader not available'); resolve(); return; } r_ResLoader.default.loadBundle(r_BundleConfig.MainGameBundle) .then(function (bundle) { if (bundle) { console.log('[Bundle] Main game bundle loaded'); resolve(); } else { console.warn('[Bundle] Main game bundle not loaded'); resolve(); // 非关键错误继续 } }) .catch(err => { console.error('[Bundle] Main game bundle load failed:', err); resolve(); // 非关键错误继续 }); }); }; // 加载用户数据 def_UI_Entry.prototype._loadUserData = function () { return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) { try { if (r_AudioManager && r_AudioManager.AudioMgr && r_AudioManager.AudioMgr.init) { r_AudioManager.AudioMgr.init(); } if (r_GameGlobalVariable && r_GameGlobalVariable.GameGlobalVariable && r_GameGlobalVariable.GameGlobalVariable.initPeiZhi) { r_GameGlobalVariable.GameGlobalVariable.initPeiZhi(); } if (YPSDK && YPSDK.Common && YPSDK.Common.curChannelData && r_YpNetMag && r_YpNetMag.YpNetMag && r_YpNetMag.YpNetMag.failSever) { var platformType = YPSDK.Common.curChannelData.platformType; if (platformType === YPSDK.GamePlatformType.WX || platformType === YPSDK.GamePlatformType.TT) { r_YpNetMag.YpNetMag.failSever(function () { if (r_YpNetMag.YpNetMag) { r_YpNetMag.YpNetMag.isFail = true; } console.warn('[Network] Server connection failed'); }); } } if (YPSDK && YPSDK.Platform && YPSDK.Platform.loginData && r_YpNetMag && r_YpNetMag.YpNetMag && r_YpNetMag.YpNetMag.initServer) { return [2, r_YpNetMag.YpNetMag.initServer(YPSDK.Platform.loginData)]; } else { console.warn('[User] No login data, skipping user init'); return [2, Promise.resolve()]; } } catch (err) { console.error('[User] Load user data failed:', err); return [2, Promise.resolve()]; // 非关键错误 } return [2]; }); }); }; // 初始化游戏主逻辑 def_UI_Entry.prototype._loadGame = function () { try { // 安全访问玩家数据管理器 if (!r_PlayerDataManager || !r_PlayerDataManager.PlayerDataMgr) { throw new Error('PlayerDataManager not available'); } // 获取引导状态 var guideIndex = r_PlayerDataManager.PlayerDataMgr.GetGuideIndexByTaskName(r_Const_Common.GuideName.战斗背包); if (guideIndex !== r_Const_Common.GameBagGuideIndex.引导完结) { // 新玩家流程 if (r_PlayerDataManager.PlayerDataMgr.GMSetGuideIndex) { r_PlayerDataManager.PlayerDataMgr.GMSetGuideIndex( r_Const_Common.GuideName.战斗背包, r_Const_Common.GameBagGuideIndex.引导初始1 ); } if (r_GameDataManager && r_GameDataManager.GameDataMgr && r_GameDataManager.GameDataMgr.ClearGameBagData) { r_GameDataManager.GameDataMgr.ClearGameBagData(); } if (r_GameGlobalVariable && r_GameGlobalVariable.GameGlobalVariable) { r_GameGlobalVariable.GameGlobalVariable.nowlevel = 1; } // 打开游戏场景 if (r_UIManager && r_UIManager.default && r_UIManager.default.open) { r_UIManager.default.open( r_BundleConfig.BundleNames.Game, r_UIConfig_Game.UIView_Game.UI_GameView ); } else { console.warn('[Game] UIManager not available, loading start scene'); cc.director.loadScene('start'); } } else { // 老玩家流程 if (r_EventManager && r_EventManager.EventMgr && r_EventManager.EventMgr.dispatchEvent) { r_EventManager.EventMgr.dispatchEvent(r_EvenType.EVENT_TYPE.Game_Load_View, true); } if (r_UIManager && r_UIManager.default && r_UIManager.default.open) { r_UIManager.default.open( r_BundleConfig.BundleNames.Home, r_UIConfig_Home.UIView_Home.UI_Hall ); } else { console.warn('[Game] UIManager not available, loading start scene'); cc.director.loadScene('start'); } } // 初始化白名单 this.onInitWhiteName(); } catch (error) { console.error('[Game] Load game failed:', error); // 尝试直接进入游戏场景 try { if (cc.director && cc.director.loadScene) { cc.director.loadScene('start'); } } catch (sceneError) { console.error('[Game] Fallback scene load failed:', sceneError); } } }; // 初始化白名单 def_UI_Entry.prototype.onInitWhiteName = function () { return __awaiter(this, void 0, void 0, function () { var url; return __generator(this, function (_a) { try { if (!YPSDK || !YPSDK.Platform || !YPSDK.Platform.loginData || !YPSDK.platformUrl) { console.warn('[WhiteList] YPSDK not initialized, skipping'); return [2]; } url = YPSDK.platformUrl + "/User/GetCfgData?userId=" + YPSDK.Platform.loginData.userUid + "&keyId=NoVideo"; console.log('[WhiteList] Checking:', url); if (r_HttpManager && r_HttpManager.HttpMgr && r_HttpManager.HttpMgr.requestData) { r_HttpManager.HttpMgr.requestData(function (response) { if (response && response.data && response.data.keyData === "true" && r_PlayerDataManager && r_PlayerDataManager.PlayerDataMgr) { r_PlayerDataManager.PlayerDataMgr.WHITE_NAME_NO_VIDEO = true; console.log('[WhiteList] User is in white list'); } }, url); } else { console.warn('[WhiteList] HttpManager not available'); } } catch (err) { console.error('[WhiteList] Init failed:', err); } return [2]; }); }); }; // 设置进度条 def_UI_Entry.prototype._setProgress = function (progress) { if (!this.progress_loading || !this.progress_loading.progress) { return; } progress = Math.max(0, Math.min(1, progress)); this.progress_loading.progress = progress; }; // 属性装饰器 __decorate([ _property(cc.ProgressBar) ], def_UI_Entry.prototype, "progress_loading", void 0); // 类装饰器 def_UI_Entry = __decorate([ _ccclass ], def_UI_Entry); return def_UI_Entry; }(r_UIView.default)); exports.default = def_UI_Entry; // ====== 启动游戏 ====== if (cc && cc.game && cc.game.run) { cc.game.run(gameMainEntry); } else { console.error('[Main] cc.game.run not available, using fallback start'); setTimeout(gameMainEntry, 1000); } 这是我的代码 你根据前面的情况给我整体修改一下,最后给我完整的代码方便我进行复制
07-16
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值