问题是当我运行我的应用程序时,它工作正常.但是当我刷新它时,大部分时间我都低于msg.
选择器"my-app"与任何元素都不匹配
但奇怪的是,很多时候,当我刷新我的应用程序时,它也有效.
所以最终我的应用程序有一个奇怪的行为,无法解决这个问题.
有时它的工作有时不...
有任何建议,不能拿出代码???
注意:我没有复杂的结构或组件,但实现简单.
Ed *_*ffe 98
这发生在我身上,因为我在head标签中导入了我的代码,因此它可能正在运行并尝试在DOM准备好之前进行引导.
您可以将脚本移动到body标记的底部,也可以将引导代码放在事件侦听器中:
document.addEventListener("DOMContentLoaded", function(event) {
bootstrap(AppComponent);
});
要么:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example app</title>
</head>
<body>
<my-app></my-app>
</body>
<script src="main.js" charset="utf-8"></script>
</html>
Mla*_*jac 57
角4:我不得不改变 <app-root></app-root>与 <my-app></my-app>index.html文件中
Prz*_*ski 22
要做的事:
检查你是否有" boostrap:" 部分- 如果没有添加:
bootstrap: [AppComponent] // AppComponent是您的主要组件
检查它是否现在有效 - 如果没有 - 转到AppComponent并检查您的选择器.它应该与index.html中的body中的标签相同
所以index.html应该包含这样的东西:
<body>
<app-root>Loading...</app-root>
</body>
而不是<app-root>你应该使用主AppComponent中的选择器
当我使用Angular Universal时,我遇到了同样的问题.但这是因为我BrowserModule在main.node.ts中使用,解决方法是
imports: [
UniversalModule,
BrowserModule // <- delete this will solve the issue
],
并在此处查看更多信息:https://github.com/angular/universal/issues/542
如果你从这里使用angular2/asp.net核心模板:http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/你可能会发现替换最后几行boot-client.ts具有以下帮助(当HMR重新加载页面时避免了很多可怕的控制台错误):
const bootApplication = () => { platform.bootstrapModule(AppModule); };
if (document.readyState === 'complete') {
window.onload = () => bootApplication();
location.reload();
} else {
document.addEventListener('DOMContentLoaded', bootApplication);
}
以上答案都没有解决我的问题。这就是解决同类错误的方法。你不应该有多个组件作为 Bootstarp 组件。所以，Bootstrap 数组应该只有一个组件。我错误地将 4 个组件放入了 bootstrap 数组。我从那里删除了这 4 个组件并放入了 entryComponents 数组（如图所示）下面的代码）。这对我有帮助。
@NgModule({
declarations: [
AppComponent,
SanackBarBodyComponent,
SuccessNavBarComponent,
AlertNavBarComponent,
NormalNavBarComponent
],
entryComponents:[
SanackBarBodyComponent,
SuccessNavBarComponent,
AlertNavBarComponent,
NormalNavBarComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule
],
providers: [],
bootstrap: [AppComponent
]
})
export class AppModule { }
| 归档时间： |
|
| 查看次数： |
56956 次 |
| 最近记录： |