如何解决 HostResourceResolver 中的错误？

Question

解决此错误的步骤是什么？

HostResourceResolver 中的错误：无法在 C:/Users/shema/Desktop/angular/RP/ResourcePlanning/src/app/addproject/addproject.component.ts 的上下文中解析styles.css）

Answer 1

HostResourceResolver 当您的组件名称错误时发生。

form.component.html

名称错误，需要更正form-dialog.component.html才能解决。

我的 templateUrl 是 form-dialog.component.html.

@Component({
  selector: 'app-form-dialog',
  templateUrl: './form-dialog.component.html',
  styleUrls: ['./form-dialog.component.scss']
})
export class FormDialogComponent implements OnInit {}

Answer 2

对于任何面临此问题的人：可能有多种原因，但通常是因为 angular 编译器无法读取文件或存在语法错误。

对我来说，我在另一个组件（应用程序组件）的 HTML 中包含了一个仅打字稿组件，但有一个templateUrl属性为空值。

这打破了构建过程 - 但没有提到任何文件名。我通过替换templateUrl为template.

Answer 3

请显示组件代码，尤其是@Component部分。通常你会有这样的事情：

@Component({
    selector: 'app-add-project',
    templateUrl: './add-project.component.html',
    styleUrls: ['styles.css']
})
export class AddProjectComponent  implements OnInit {
....

看起来 Angular 无法解析styles.css。您可能需要指定文件的相对路径

Answer 4

检查您是否不小心尝试在组件的 html 文件中加载 styles.css。

那应该看起来像这样：

<link rel="stylesheet" type="text/css" href="css/style.css" />

如果是，请删除它。这解决了我的问题。