【Vue】npm run buildで「Invalid prop:type check failed for prop "~".」が出た時の対処

ページタイトルを動的に変更するよう指定して、それをpropsで使おうとした際に出たwarnです。

[Vue warn]: Invalid prop: type check failed for prop "title". Expected String with value "undefined", got Undefined

「定義されていません」と言われているものの、ブラウザ上では正常に動作しています。

対処

必須項目なのに、ロードのタイミングでデータ（ページタイトル）が入っていないので出る模様。

export default {
  props: {
    title: {
      type: String,
      default: 'デフォルトのタイトル',
      required: true
    }
  }
}

このようにdefaultを指定してあげることで解決。