如何解决Angular HostResourceResolver错误?

问题描述

确切的错误

HostResourceResolver中的错误:无法在D:/MEAN/MEAN/src/app/components/employee-list/employee-list.component.ts)中解析./employee-list.component.css

这是我的employee-list.component.ts文件

import {Router} from '@angular/router';
import {ApiService} from '../../service/api.service';
import {Component,OnInit,ngzone} from '@angular/core';
import {FormGroup,FormBuilder,Validators} from '@angular/forms';

@Component({
  selector: 'app-employee-create',templateUrl: './employee-create.component.html',styleUrls: ['./employee-create.component.scss']
})

export class EmployeeCreateComponent implements OnInit {
  submitted = false;
  employeeForm: FormGroup;
  EmployeeProfile: any = ['Finance','BDM','HR','Sales','Admin']

  constructor(
    public fb: FormBuilder,private router: Router,private ngzone: ngzone,private apiService: ApiService
  ) {
    this.mainForm();
  }

  ngOnInit() {
  }

  mainForm() {
    this.employeeForm = this.fb.group({
      name: ['',[Validators.required]],email: ['',[Validators.required,Validators.pattern('[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$')]],designation: ['',phoneNumber: ['',Validators.pattern('^[0-9]+$')]]
    });
  }

  // Choose designation with select dropdown
  updateProfile(e) {
    this.employeeForm.get('designation').setValue(e,{
      onlySelf: true
    });
  }

  // Getter to access form control
  get myForm() {
    return this.employeeForm.controls;
  }

  onSubmit() {
    this.submitted = true;
    if (!this.employeeForm.valid) {
      return false;
    } else {
      this.apiService.createEmployee(this.employeeForm.value).subscribe(
        (res) => {
          console.log('Employee successfully created!')
          this.ngzone.run(() => this.router.navigateByUrl('/employees-list'))
        },(error) => {
          console.log(error);
        });
    }
  }

}

我的employee-list.component.scss文件为空。 我正在学习角度问题,我不知道该如何解决。请引导我。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)