55 lines
2.0 KiB
JavaScript
55 lines
2.0 KiB
JavaScript
|
const fs = require('fs');
|
||
|
|
const path = require('path');
|
||
|
|
|
||
|
|
function debugJSX() {
|
||
|
|
try {
|
||
|
|
console.log('🔍 调试 JSX 结构...');
|
||
|
|
|
||
|
|
const profilePath = path.join(__dirname, 'src', 'app', 'profile', 'page.tsx');
|
||
|
|
const content = fs.readFileSync(profilePath, 'utf8');
|
||
|
|
|
||
|
|
// 计算各种标签
|
||
|
|
const openDivs = (content.match(/<div/g) || []).length;
|
||
|
|
const closeDivs = (content.match(/<\/div>/g) || []).length;
|
||
|
|
const openProtectedRoute = (content.match(/<ProtectedRoute/g) || []).length;
|
||
|
|
const closeProtectedRoute = (content.match(/<\/ProtectedRoute>/g) || []).length;
|
||
|
|
|
||
|
|
console.log(`📊 标签统计:`);
|
||
|
|
console.log(` - <div>: ${openDivs}`);
|
||
|
|
console.log(` - </div>: ${closeDivs}`);
|
||
|
|
console.log(` - <ProtectedRoute: ${openProtectedRoute}`);
|
||
|
|
console.log(` - </ProtectedRoute>: ${closeProtectedRoute}`);
|
||
|
|
console.log(` - div 标签平衡: ${openDivs === closeDivs ? '✅' : '❌'}`);
|
||
|
|
console.log(` - ProtectedRoute 标签平衡: ${openProtectedRoute === closeProtectedRoute ? '✅' : '❌'}`);
|
||
|
|
|
||
|
|
// 查找所有 div 标签的位置
|
||
|
|
const lines = content.split('\n');
|
||
|
|
const divPositions = [];
|
||
|
|
|
||
|
|
lines.forEach((line, index) => {
|
||
|
|
if (line.includes('<div')) {
|
||
|
|
divPositions.push({ line: index + 1, type: 'open', content: line.trim() });
|
||
|
|
}
|
||
|
|
if (line.includes('</div>')) {
|
||
|
|
divPositions.push({ line: index + 1, type: 'close', content: line.trim() });
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
console.log(`\n📍 div 标签位置:`);
|
||
|
|
divPositions.forEach(pos => {
|
||
|
|
console.log(` 第${pos.line}行: ${pos.type === 'open' ? '开始' : '结束'} - ${pos.content}`);
|
||
|
|
});
|
||
|
|
|
||
|
|
return openDivs === closeDivs && openProtectedRoute === closeProtectedRoute;
|
||
|
|
|
||
|
|
} catch (error) {
|
||
|
|
console.error('❌ 调试出错:', error.message);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 运行调试
|
||
|
|
const result = debugJSX();
|
||
|
|
console.log(`\n🎯 结果: ${result ? '✅ 结构正确' : '❌ 结构有问题'}`);
|
||
|
|
process.exit(result ? 0 : 1);
|