时间戳

首页 > 解决方案 > 如何解决角度中的 HostResourceResolver 错误？

angular - 如何解决角度中的 HostResourceResolver 错误？

问题描述

我正在学习角度，我正在学习课程，但发生了这个错误。我无法解决它。

这是我第一次角

错误

**ERROR in HostResourceResolver: could not resolve ./product-list.compoment.html in context of /home/user/angular/Angular-GettingStarted/APM-Start/src/app/products/product-list.component.ts)**

app.component.ts

    import { Component } from '@angular/core';
    @Component({
      selector: 'pm-root',
      template: `
        <div><h1> {{ pageTitle }} </h1>
          <pm-products></pm-products>
        </div>
      `
    })

    export class AppComponent{
      pageTitle: string = 'Acme Product Management'
    }

app.module.ts

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';

    import { AppComponent } from './app.component';
    import { ProductListComponent } from './products/product-list.component';

    @NgModule({
      declarations: [
        AppComponent,
        ProductListComponent
      ],
      imports: [
        BrowserModule
      ],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

产品列表.component.ts

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

    @Component({
        selector: 'pm-products',
        templateUrl: './product-list.compoment.html'
    })

    export class ProductListComponent{
        pageTitle: string = 'Product List';
    }

我试着改变

   @Component({
        selector: 'pm-products',
        templateUrl: './product-list.compoment.html' 

      // to

      //    templateUrl: '.products/product-list.compoment.html' to

    })

标签： angular

解决方案

我的代码下面的案例工作正常，它也可能对你有帮助......

server.component.ts 文件

@Component({
      选择器:'app-server',
      templateUrl:'server.component.html',
})

app.component.ts 文件

从'./server/server.component'导入{ServerComponent}；

@NgModule({
   声明：[
       AppComponent,
       ServerComponent
] })

我正在使用 Angular 10.1.3 版本

推荐阅读