首页 > 解决方案 > HTML 消失?我见过的最复杂的错误

问题描述

我有有史以来最奇怪的错误...

如果我直接打开我的 html 文件,我可以看到所有的 html

但是,如果我使用 index.html#!/foo中的 angularjs 应用程序打开它,例如部分 html 不会显示,总是在页面底部。

如果您检查网络工具,该 div 没有任何内容:

在此处输入图像描述

但我的 HTML 是正确的

在此处输入图像描述

经过调查,如果我删除了我拥有的部分 SVG,它会再次开始显示它...

 <svg class="svg-star">
    <use xlink:href="#svg-star"></use>
 </svg>


// Bottom of the page

<svg style="display: none;">
<symbol id="svg-star" viewBox="0 0 10 10" preserveAspectRatio="xMinYMin meet">  
    <polygon points="4.994,0.249 6.538,3.376 9.99,3.878 7.492,6.313 8.082,9.751 4.994,8.129 1.907,9.751 
2.495,6.313 -0.002,3.878 3.45,3.376 "/>
</symbol>

知道可能是什么吗?我在页面中有 10 个 SVG,我可以看到所有这些,如果我删除一个,它会出现一些 html,如果我删除另一个,它会出现更多...

我的 index.html

    <html lang="en" ng-app="GHoF">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

</head>
<body>

    <div ng-include="'app/pages/navBar/navBar.html'"></div>

    <div ng-include="'app/pages/sideMenu/sideMenu.html'"></div>

    <div ng-include="'app/pages/mainMenu/mainMenu.html'"></div>

    <main ng-view></main>

    <div ng-include="'app/pages/footer/footer.html'"></div>
</body>

标签: htmlangularjssvg

解决方案


推荐阅读