技術

[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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

自分のEvernoteをブログとして公開できる『Postach.io』を使ってみました

こんにちは。たなかです。 自分のEvernoteをブログとして公開できる『Pos …

no image

【Rails】RailsでFriendlyURLを設定する

こんばんは 例えばRailsでブログ記事ページのルーティングを設定するときは b …

[Xcode]Provisioning ProfileのUUIDを確認する方法

どうも田中です。 iOSアプリの審査に向けて作業している最中、buildエラーに …

esaに貼る画像をリサイズする方法

こんにちは。たなかです。 みなさん、esa使ってますか? esaは「情報を育てる …

【Alexa Skill】ビックリするなかれ (Unsupported Directive)

どうも中田です。 みなさんAlexa使ってます?Alexaスキル作ってます? 今 …