为什么我的组件的html在成功路由到它之后没有显示？
可能有多种原因导致组件的HTML在成功路由到它之后没有显示。以下是一些可能的原因和解决方法：
- 组件未正确加载：确保组件已正确导入并在路由配置中正确设置。检查组件的路径和名称是否正确，并确保在路由配置中将其与相应的URL路径匹配。
- 组件未正确渲染：检查组件的模板文件是否正确编写，并确保模板中包含要显示的HTML内容。确保模板文件的路径和名称正确，并且没有语法错误。
- 路由配置错误：检查路由配置文件，确保将组件正确映射到相应的URL路径。确保路由配置中没有冲突或错误的路由规则。
- 数据加载延迟：如果组件需要从服务器加载数据，可能存在数据加载延迟的情况。在组件加载完成后，确保数据已成功加载并绑定到模板中。
- CSS样式问题：检查组件的CSS样式是否正确设置。可能存在样式冲突或覆盖的情况，导致组件的HTML内容无法正确显示。
- JavaScript错误：检查浏览器的开发者工具控制台，查看是否存在JavaScript错误。可能存在错误阻止了组件的正确渲染和显示。
如果以上解决方法都无效，可能需要进一步调试和排查问题。可以使用浏览器的开发者工具进行调试，检查网络请求、DOM结构、JavaScript执行等方面的问题。
相关·内容
2回答
MVC4自定义布局问题
asp.net-mvc-4、layout
我已经在mVC4中创建了自定义布局，它用普通的网址渲染得很好，比如
但是当我在url中添加参数时，比如
在调试时，布局受到干扰并完全失败，它显示了我设置为自定义布局的布局属性，但布局失败。
浏览 2提问于2014-01-13得票数 0
1回答
在预先渲染的Preact CLI构建中包含样式
javascript、css、styled-components、preact
Preact CLI有一个称为的功能。它使特定路由的内容可以直接在超文本标记语言中提供，而不需要加载JavaScript。
内容直接使用HTML加载(静态呈现在服务器端)。因此，由于此时尚未加载JavaScript包，因此显示的内容不带样式，导致样式在不到一秒的时间内闪现。
您可以禁用预渲染，这可以很好地工作，但这意味着放弃一个有用的功能。是否有预先渲染并包含样式的解决方案？或者我还能做些什么呢？
浏览 0提问于2017-08-25得票数 1
2回答
Angular2中的404页和延迟加载
angular、routing、http-status-code-404
我无法使用惰性加载模块让我的“404页”工作。当我在浏览器中输入一个随机的url时，我只能看到一个空白页面，而不是我酷的404页面。
这是我的路由配置
export const routes: Routes = [
{ path: '', redirectTo: 'dashboard', pathMatch: 'full'},
{ path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module#DashboardModule'},
{ p
浏览 0提问于2016-09-27得票数 5
1回答
React-Router:使用客户端路由处理服务器请求？
javascript、reactjs、react-router
我正在尝试理解客户端路由的工作原理。但我仍然很难想象它是如何工作的。
假设我有一些这样的代码(例如)：
<Router>
<Route path="/" component={Home} />
<Route path="/users" component={Users} />
<Route path="/widgets" component={Widgets} />
</Router>
这个过程是怎样的？
当我请求index.html时，组件的代码是否立即从whe
浏览 7提问于2016-09-14得票数 0
回答已采纳
1回答
重定向时不加载页面，但单击后退按钮时会显示页面一秒钟，并导航到上一页
html、angular
我在Angular 2上工作，当我尝试点击一个链接时，页面不会加载，但加载栏会继续。数据和html不会显示在页面中。当我单击“后退”按钮加载上一页时，要重定向的页面将加载一秒钟，然后返回到初始页面。浏览控制台和服务器控制台中未显示任何错误。
编辑:我使用RouteComponent来路由页面。相同的链接似乎适用于其他不同的屏幕，但在这个特定的场景中，我看到了一个需要解决的问题。当我尝试调试时，我可以看到我能够加载的组件有数据流入，并且不会在任何点中断以抛出错误。
myRoutes : Routes = [
{ path: 'displayAuthentic/:authI
浏览 0提问于2018-09-14得票数 0
3回答
在角度上，一个组件如何能够拥有多个HTML模板？
javascript、node.js、angular
我正在开发一个电子商务应用程序，其中一个主要功能是这个应用程序应该有多个主题。主题的总数可以是100个甚至更多。但是，这些主题都有相同的数据(例如:所有主页都有相同的横幅图像、新产品、功能产品数据)。
我知道我可以使用ng模板或TemplateRef来决定哪些HTML应该显示。但是由于我有超过100个主题，ng模板或TemplateRef方法都会加载大量额外的文件。因此，我认为我需要某种延迟加载，当组件加载数据时，惰性加载正确的HTML模板。那我该怎么做呢？
浏览 0提问于2021-07-23得票数 3
回答已采纳
1回答
$是django模板中未定义的javascript错误
jquery、django、django-templates
在我的Django项目中，除了依赖于jQuery的其他脚本外，我还加载了jQuery。其中一些脚本是作为include (text/html模板)加载的，因为我在其中使用了Django变量。在我的错误日志中，我经常看到$ is未定义的错误，或者object对象的属性'$‘object不是一个函数，以及其他类似的错误。此问题仅偶尔发生，因此很难重现和诊断。有什么想法吗？
在基本模板中加载(正文底部)：
<script src="/media/js/jquery/1.7.2/jquery.min.js"></script>
在页面模板中加载：
{
浏览 1提问于2013-05-30得票数 0
1回答
将web模板与Flask集成
python、flask
我已经下载了一个网站模板，我想把它与烧瓶集成。基本上，这个模板包含asset文件夹，其中包含css和js文件。我知道通过使用render_template('index.html')，我可以在本地主机上调用index.html。但是当我这样做的时候，网页并没有被正确的渲染。我认为flask无法加载该文件夹(templates文件夹)中的js、css等文件。
我的模板文件夹有index.html，还有assets文件夹和其他文件夹。我正在使用下面显示的代码来实际运行index.html。
from flask import Flask, render_template
impor
浏览 1提问于2019-02-06得票数 0
1回答
如何修复Meteor在手机上的不可靠
ios、mobile、meteor
我甚至不知道该从何说起。我有一个相对简单的流星应用程序()。它使用铁质路由器作为路由。主路由/似乎是很正常的情况。显示8个最新的帖子。显示8个最喜欢的帖子sort: {likes: -1}。
当我尝试在我的手机上查看时，它只能工作大约1/5次，也许更少。站点出现了，主模板清晰地呈现出来，并且至少呈现了一个子模板，但是等待数据的模板永远不会出现。他们有{{#if Template.subscriptionsReady}}包装器。或者更确切地说，包装器中的部分永远不会显示出来。我猜由于某种原因，移动设备上的订阅永远不会完成。事实上，在我输入和编辑这个回复的整个10+分钟里，我的手机一直放在电脑旁边
浏览 0提问于2015-11-09得票数 1
1回答
命名路由器出口不会在延迟加载的路由中呈现模板
javascript、angular、lazy-loading、angular-routerlink
我的angular 8应用程序有问题，不能渲染到指定的路由器插座中。 这些路由是： routes.module： const routes: Routes = [
...
{
path: 'settings', loadChildren: './settings/settings.module#SettingsModule', canActivate
},
] settings.module RouterModule.forChild([
{
path: '', component: Sett
浏览 17提问于2020-01-08得票数 1
1回答
Classic asp“验证消息的安全性时出错。”iis7传输层安全性
asp.net、api、iis-7、asp-classic、transport-security
在II7上，我们托管了一个基于WCF/asp.net的应用程序接口。为了允许经典asp应用程序的用户连接到API，我们必须发布一个我们称为“传输”的版本。这个传输版本也是用asp.net编写的，它指向相同的程序集，只是安全层不同，允许经典的asp进行身份验证。传输层安全性与基于消息的安全性相反。
当使用浏览器加载服务引用时，我可以加载svcutil.exe ...WDSL页面。
当使用我的测试asp页面从这个引用中调用一个web方法时，我得到了以下返回：
已完成Web服务的调用。Status =内部服务器错误ResponseText =a:InvalidSecurity验证邮件安全性时出错。
浏览 7提问于2011-08-05得票数 3
回答已采纳
2回答
Symfony2 2/Assetic:为导入的HTML文件在资产路径中使用bundle注释
symfony、twig、assetic
我正在使用Symfony 2.8为我的单一网页网页应用程序。我有一个文件index.html.twig，它应该为所有所需的资源服务。也许这是显而易见的，但我希望每一次都在开发环境中重新加载，而不是在生产环境中重新加载。所述所需资源从位于vendor文件夹中的另一个包的vendor加载。
为此，我在config.yml中配置Assetic，如下所示：
assetic:
debug: "%kernel.debug%"
use_controller:
enabled: "%kernel.debug%"
workers:
浏览 7提问于2016-10-31得票数 0
回答已采纳
2回答
图- Javascript和Jinja之间的冲突
javascript、flask、plotly
我试着在我的Flask应用程序中绘制图形，但由于某些原因，它没有工作，所以我开始简化这个问题，以找到错误。
似乎javascript中的JinjaSyntax{{ myJSONfile安全}存在问题。
只要我将一个空字符串"“传递给变量，图就会呈现，但显然没有数据点。
(检查元素控制台提供了一个意外的标记“{”错误，它引用了我的Jinja变量的第一个开始括号)
根据，为了将JSON传递给javascript变量，我应该正确地编写javascript块中的语法，我现在已经没有想法了。
如果有人有更多的想法，并能在这里帮助我，我将不胜感激:)
代码示例：
{% extends
浏览 5提问于2021-11-07得票数 2
回答已采纳
1回答
在AngularJS中刷新服务器生成的模板
javascript、php、angularjs、angular-routing
我的一个部分是报告--一个静态的名称和日期列表，仅供查看和打印。
由于呈现报表服务器端的效率更高，所以我的API为报表请求发送HTML，而不是JSON。报表路由中的模板URL是API调用：
.when('/report', {
templateUrl: 'api/report',
});
报表显示在正确的URL上，但当我转到另一条路由并更改数据时，报告不会重新加载。我尝试在API响应中设置no-cache头，但没有产生效果。
是否有强制角刷新某些模板的最佳实践？
浏览 9提问于2014-10-15得票数 3
回答已采纳
2回答
懒惰加载辅助路由
angular、typescript、angular2-routing、angular2-router3
在这个场景中，我有一个有3个路由的主页面(每个延迟加载的主页面的子节点)。
在这里，辅助组件具有一个主插座和其他辅助as
<router-outlet name="auxone"></router-outlet>
下面是我的mainpage.route文件的外观
现在，我的辅助路由加载得很好，并且我无法在主出口中路由任何问题。但是一旦我尝试在辅助插座中加载一个路由，就像这样
尝试使用导航(&T)
(Aux路由有一个子路由作为自己的子路由，而我正在尝试加载另一个路由作为同一aux的另一个子路由)我收到错误：
Uncaug
浏览 1提问于2017-01-11得票数 1
3回答
Angular 2延迟加载技术
javascript、html、css、angularjs、lazy-loading
我已经用Angular 1写了一个很大的应用程序，用requireJS和AMD写了一个用于延迟加载和结构化的应用程序。该应用程序不使用路由，但应用程序的一部分，如HTML，css和Javascript (angular模块)是延迟加载的。
现在我想改用Angular 2，我正在寻找最好的延迟加载技术，用于HTML，css和JS (angular)内容，它不依赖于路由，也不依赖于数千种不同的javascript框架。
因此，延迟加载路由组件似乎非常简单：
但是，如果没有路由，您将如何完成该场景呢？你会推荐像webpack这样的吗，还是我应该保留requireJS？有没有类似于angular 2的
浏览 4提问于2016-02-12得票数 15
2回答
Visual Studio调试器/无法加载数据文件
c++、debugging
我在Windows Vista上使用Visual Studio来调试一些代码，而这些代码又使用AllegroV5库。
代码可以很好地编译和链接，但是当我开始调试时，它不能加载我放在那里的一些数据文件，程序也不能启动。该程序加载(使用Allegro例程)几个图像和图形(tga、fnt和png格式)。
奇怪的是，在Visual Studio之外，即使是使用调试配置编译的可执行文件也能正确加载文件，并且程序可以正常启动。但是在Visual Studio之外，我无法正确调试我的代码。
有什么想法吗？
浏览 1提问于2011-05-08得票数 1
2回答
仅向使用ASP.NET MVC进行身份验证的用户提供静态单页应用程序(static html)
asp.net、asp.net-mvc、iis、iis-7
我正在制作一个ASP.NET的MVC网站，需要服务的单页面应用程序数量。
一个单页面应用程序是静态的html，css和javascript文件，一个包含index.html文件的文件夹，以及一些css，图片和javascript文件夹。
我可以从IIS服务器中的虚拟目录提供单页应用程序，但是我希望在IIS解决方案中只为经过身份验证的用户提供服务，因此我现在正在尝试从控制器方法提供index.html文件。
当我通过加载和提供index.html文件来执行此操作时，我无法弄清楚如何提供index.html文件使用的所有css和javascript文件，因为index.html使用"css
浏览 2提问于2012-09-08得票数 3
回答已采纳
4回答
带有路由仿真器和指定路由器出口的延迟加载模块
angular
我有一个路由/组件，它需要一个路由参数，并且有一个命名的出口。我想延迟加载一个模块并激活这个路由。以下是我的路线：
剖面模块(子模块)路由：
const routes: Routes = [
{
path: ':id', component: ProfileComponent
children: [
{ path: 'list/:id', component: ListComponent, outlet: 'sidebar' },
{ path: 'risk/:id', component: RiskCompo
浏览 1提问于2019-07-29得票数 0
回答已采纳
3回答
使用firebug或google chrome进行调试
javascript、asp.net-mvc、firebug
我需要调试我的javascript使用firebug或谷歌铬，但我的javascript是在同一文件与html，当我试图找到我的javascript代码我不知道它在哪里，因为它不是在一个特定的文件它是在同一文件与我的html，如果我使用firebug或谷歌铬调试器我找到脚本标签，但我不知道我的javascript是在哪个文件中，因为它不在一个javascript文件中，我如何找到我的javascript进行调试？
问题是因为我正在使用ASP.MVC，我只有一个视图和许多部分视图，我把它放在视图中，视图有一个横向菜单，当有人点击横向菜单的选项时，一个部分视图被加载到横向菜单旁边，所以这个部分视图
浏览 2提问于2014-10-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
