Javascript angular 8-未在html中加载组件

我想知道是否有人有类似的问题像我现在

我在学习Scrimba的角度课程，第7课，角度分量

我使用cli命令创建了angular应用程序，并尝试加载和更改“加载…” “hello world”部分，如讲座， 甚至复制了整个代码并将其粘贴到我的本地文件中并刷新index.html，但仍然不起作用

我想知道是否有人知道或有类似的问题？ 非常感谢你的帮助

这就是我的应用程序组件

从'@angular/core'导入{Component，OnInit}；
@组成部分({
选择器：'应用程序根'，
模板：`{title}}`，
templateUrl:“./app.component.html”，
样式URL:['./app.component.sass']
})
导出类AppComponent实现OnInit{
标题：字符串；
构造函数（）{}
恩戈尼尼特（）{
this.title='hello'；
}
}

这就是我的app.module

从'@angular/platform browser'导入{BrowserModule}；
从“@angular/core”导入{NgModule}；
从“./app routing.module”导入{AppRoutingModule}；
从“./app.component”导入{AppComponent}；
从“./customers/customers.component”导入{CustomersComponent}；
@NGD模块({
声明：[
应用组件，
客户组件
],
进口：[
浏览器模块，
批准模块
],
提供者：[]，
引导：[AppComponent]
})
导出类AppModule{}

这是我的index.html

安圭拉项目
加载。。。

您不能同时拥有这两个

  template: `<h1>{{ title }}</h1>`,
  templateUrl: './app.component.html',

请注意，这是我的错误，因此您需要遵循上述步骤

我也有类似的问题（即空白页）。我遵循了中给出的demo Angular应用程序的简单步骤（其他网站中也给出了demo应用程序的类似步骤），但它没有显示任何内容。我试图查看来源，但没有发现任何问题。经过长时间的尝试，我认为这可能是我的Firefox浏览器的问题（我使用的是Ubuntu16.04，FirefoxV51）。所以，我升级了Firefox的最新版本v71，它显示了来自应用程序模块的文本（正如预期的那样）。 请尝试检查您的web浏览器，这可能是类似的问题。

---

祝你好运

我也有类似的问题（即空白页）。我升级了我的浏览器，它工作了。

我们不知道你做了什么更改（我们不知道这节课是什么），也不知道“不工作”是什么意思。准确地说出你正在做什么，你期望发生什么，以及会发生什么。发布相关代码。这并不意味着什么。显然你忘了完成你的句子。@JBNizet我试图学习角度组件如何工作以及如何使用ngOnInit函数，我期望发生的是，在“应用程序根目录”中，默认文本是“加载…”，但我想在触发ngOnInit函数时添加“hello”文本。但目前，它没有在browser/html中添加“hello”。希望现在一切都清楚了？你能帮我一下吗？默认文本没有加载。加载是指从浏览器加载页面到浏览器解析和执行JavaScript代码之间出现的内容。此时，Angular将实例化组件，并用组件的动态模板替换默认的静态文本“加载”。正如已经告诉您的，您不能同时拥有template和templateUrl。你想保留哪一个？如果是templateUrl，则app.component.html文件包含什么内容？你希望看到什么，你看到了什么？这是stackblitz链接-疯狂的是，在stackblitz上，它可以工作，但当我使用本地浏览器进行测试时，它只显示部分，而不显示“helloComponent”。当我检查inspect元素时，hello组件被添加到“elements”中，但它的宽度和高度为0x0。当我硬编码它时，例如背景色，它确实显示该颜色，但不显示hello组件数据。它让我疯狂的帮助：(((（这是存储库-非常感谢您查看它！似乎您没有tsconfig.json和tsconfig.app.json。只需更新我的答案。您好！您是对的，我以前没有遵循这些步骤，所以现在我已经尝试过了。但是当我在本地测试时，仍然存在相同的问题，即在inspect元素中，它没有任何宽度和高度现在它也在stackblitz中抛出了错误，它说它在src文件夹下找不到“index.html”和“main.ts”，在那里它确实存在。：（（thnks bro其浏览器问题bcz我使用IE，但当我使用chrome时，我的问题解决了答案应该是详细的。

npm install -g @angular/cli
ng new my-dream-app
cd my-dream-app
ng serve