技術

[Angular] has no exported member ‘XXXLoginComponent’.

投稿日:

どうも中田です

Angularでコンポーネント名を階層構造にあった名前にしようとコンポーネント名を変えて起動してみるとエラーになっちゃって。。という内容です

コンポーネントはこれで作りました

$ ng g component xxx/login

んで
LoginComponent => XXXLoginComponent
ってクラス名を変更してみると

エラー

ERROR in src/app/xxx/xxx-routing.module.ts(4,10): error TS2305: Module '"/src/app/xxx/login/login.component"' has no exported member 'XXXLoginComponent'.
src/app/xxx/xxx.module.ts(6,10): error TS2305: Module '"/src/app/xxx/login/login.component"' has no exported member 'XXXLoginComponent'.

その時コンポーネントはというと

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

  constructor() { }

  ngOnInit() {
  }

}

どこがおかしいのかなー

どこかなー

解決

コンポーネントのselectorもちゃんと名前を合わせないとですね

@Component({
  selector: 'app-xxx-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
...
...

ということでした!

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

【Docker/Mac】Dockerコマンド

どうも中田です。 今回はDocker。 巷でよく話には出てましたが使ってみるとめ …

no image

[Angular]リアクティブフォームでバリデーション名を動的に出し分ける。

Angularのリアクティブフォームのカスタムバリデーションで、動的にエラー名を …

どうも中田です。 Rails5.2から config/credentials.y …

go

【Golang】package strconvのintSize = 32 << (∧uint(0) >> 63)は何をしているのか

こんにちは Goのstrconvのパッケージを読んでたらintSizeというもの …

rails_logo

[Rails] Controllerで表示してるページのパスを判定したい

Controllerで表示してるページのパスを判定して、条件分岐したいと思います …