Type mismatchとUnresolves referenceのエラーが出て何が原因かわかりません

Question

前提・実現したいこと

Kotlinの勉強を始めてまだ1週間で【はじめてのAndroidプログラミング】という参考書に書かれているコード書きながら学んでいます。

現在は参考書の動物図鑑アプリを作成している途中でエラーが起きました。
参考書通りに記載しているのに、エラーが起きました。
何かのエラーが違う可能性もあるのかなと思ったのですが、よくわからずです。
そのため、このエラーを解決したいです。

発生している問題・エラーメッセージ

SubActivity.ktの38行目でType mismatchのエラーが起きました。
title = TitleFragment()のTitleFragmentの下に赤い波線が付いています。

Type mismatch: inferred type is TitleFragment but CharSequence! was expected

SubActivity.ktの47行目でUnresolves referenceのエラーが起きました
title.setTitle("サブ画面")のsetTitleの文字が赤くなっています。

Unresolved reference: setTitle

該当のソースコード

SubActivity.kt

package com.example.animalbook

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import com.example.animalbook.databinding.ActivitySubBinding

class SubActivity : AppCompatActivity() {
    private lateinit var binding: ActivitySubBinding
    private lateinit var titile: TitleFragment
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivitySubBinding.inflate(layoutInflater)
        setContentView(binding.root)

        binding.lionButton.setOnClickListener{
            supportFragmentManager.beginTransaction().apply {
                replace(R.id.container,LionFragment())
                addToBackStack(null)
                commit()
            }
        }

        binding.hippoButton.setOnClickListener{
            supportFragmentManager.beginTransaction().apply {
                replace(R.id.container,HippoFragment())
                addToBackStack(null)
                commit()
            }
        }

        binding.giraffeButton.setOnClickListener{
            supportFragmentManager.beginTransaction().apply {
                replace(R.id.container,GiraffeFragment())
                addToBackStack(null)
                commit()
            }
        }
        title = TitleFragment()
        supportFragmentManager.beginTransaction().apply {
            replace(R.id.titleFragment,titile)
            commit()
        }
    }

    override fun onResume() {
        super.onResume()
        title.setTitle("サブ画面")
    }
}

build.gradle

apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply plugin: 'kotlin-android-extensions'

android {
    compileSdkVersion 29
    buildToolsVersion "30.0.2"

    defaultConfig {
        applicationId "com.example.animalbook"
        minSdkVersion 19
        targetSdkVersion 29
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"

        buildFeatures{
            viewBinding = true
        }
    }

    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
    implementation 'androidx.core:core-ktx:1.3.2'
    implementation 'androidx.appcompat:appcompat:1.2.0'
    implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
    implementation 'androidx.legacy:legacy-support-v4:1.0.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test.ext:junit:1.1.2'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
}

試したこと

色々調べてみて、どんなエラーなのかは理解しましたが、何をやっていいかわからず何も試しておりません。

Answer 1

変数名にスペルミスがあります。titile を title に直したら動くと思います。

    private lateinit var titile: TitleFragment

            replace(R.id.titleFragment,titile)

これがエラーになっていた理由ですが、もともと Activity には title という文字列型のプロパティがあって、そこに TitleFragment 型のオブジェクトを代入しようとしてエラーになってました。
上記のスペルミスを修正することで、title プロパティは TitleFragment 型のものでオーバーライドされるため、期待通りに動くようになるはずです。

        title = TitleFragment()

Comments

[nishino.michiya]

ご回答ありがとうございます。
確かにスペルミスでした。
指摘されたところを直したらしっかり動きました。
大変お恥ずかしいミスでした。すごく助かりました。
ありがとうございました。