Question

这是main.ts文件。

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
 .catch(err => console.log(err));

这是 server.component.ts 文件。

import { Component } from '@angular/core';

@Component({
  selector: 'app-server',
  templateUrl: './server.component.html'
})
export class ServerComponent {

}

显示两个错误：

获取http://localhost:4200/server.component.html 404（未找到）
无法加载server.component.html

Answer 1

这不是在angular7中显示组件的方法。

我认为您缺乏角度的基础知识

阅读本入门教程，以学习角度知识。 https://angular.io/tutorial

Answer 2

在server.component.ts文件中，只需用相对路径替换templateUrl部分中给出的绝对路径即可。

Answer 3

作为此问题的快速解决方案，您可以在templateUrl之后添加一个悬挂的逗号[templateUrl之后两个斜杠（//）。如下。

import { Component } from '@angular/core';

@Component({
  selector: 'app-server',
  templateUrl: './server.component.html' //
})
export class ServerComponent {

}

对我有用。

Answer 4

我最近遇到了同样的问题，就我而言，我搜索了所有引用错误的组件，并在角度导入中找到了一些错误：

import { OnInit, Component } from '../node_modules/@angular/core';

修复：

import { OnInit, Component } from '@angular/core';

无法加载server.component.html

4 个答案: