Как решить ошибку в HostResourceResolver?

Question

ОШИБКА в HostResourceResolver: не удалось разрешить стили. css в контексте C: / Users / shema / Desktop / angular / RP / ResourcePlanning / src / app / addproject / addproject.component.ts)

Answer 1

Пожалуйста, покажите код компонента, особенно часть @Component. Обычно у вас будет что-то вроде этого:

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

Похоже, Angular не может разрешить styles.css. Возможно, вам нужно указать относительный путь к файлу

Answer 2

Проверьте, не пытаетесь ли вы случайно загрузить стили. css в файле html компонента.

Это должно выглядеть следующим образом:

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

Если вы , удали это. Это решило проблему для меня.

Answer 3

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 {}