UICollectionViewでカスタムセルでレイアウトをxibファイルから使いたい

Question

UICollectionViewでセルごとに違ったレイアウトで表示しようとしております。
カスタムセルで.xibファイルを使おうとするとThread1でSIGABRTエラーがでます。

Main.storyboardでUICollectionViewを配置し、カスタムクラスを作成したカスタムクラスにしてます。
Main.storyboardでcollection view cellのreuse identifierは設定していません。コードで設定しています。
.xibのfile's ownerはカスタムセルクラスに設定しています。
xibで作成したUIImageView(mainImageという名前)とカスタムセルクラスは接続していますが、エラーでは

.
.
setValue:forUndefinedKey:]: this class is not key value coding-compliant for the key mainImage.'
.

と表示され接続ができてないようです。
どこかの設定が不十分なんでしょうか？

import UIKit

class ViewController: UICollectionViewController, UICollectionViewDelegateFlowLayout {
    
    var screenHeight: CGFloat!
    var screenWidth: CGFloat!
    
    let screenNames = ["main01", "main01", "main02", "main03", "main09", "main02", "main03", "main09", "main02"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        self.automaticallyAdjustsScrollViewInsets = false
        // セルのNibを登録
        self.collectionView!.register(UINib(nibName: "CollectionViewCell", bundle: nil), forCellWithReuseIdentifier: "cell")
    }
    
    // 希望のセルサイズを返す
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        
        let screenSize: CGRect = UIScreen.main.bounds
        screenWidth = screenSize.width
        screenHeight = screenSize.height
        let returnSize = CGSize(width: screenWidth, height: screenHeight)
        
        return returnSize
    }
    
    //セル間のマージンを削除
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 0.0
    }
    
    //データの個数を返す
    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
    {
        return screenNames.count
    }
    
    //データを返す
    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell
    {
        let cell: CollectionViewCell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath as IndexPath) as! CollectionViewCell
        
        cell.mainImage.image = UIImage(named: screenNames[indexPath.row])
        
        return cell
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

カスタムセルクラス

import UIKit

class CollectionViewCell: UICollectionViewCell {

    @IBOutlet weak var mainImage: UIImageView!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }
}

Answer 1

エラー的にはmainImageが定義されていないようです、@IBOutletを結んでから名前を変更したりしたと思います、接続を確認してみてください。

Comments

[退会済みユーザー]

ご回答ありがとうございます。

mainImageをimageに変更してみましたが、同じエラーでmainImageのところがimageに変わってるだけでした。
そもそも接続方法が間違っているのでしょうか。

[_Kentarou]

接続方法は難しく無いので間違えているということはないと思います、一旦接続を解除してからもう一度結んだ方が早いと思いますよ。

[退会済みユーザー]

表示することができました。
最初はxibでFile's Ownerをカスタムクラスに設定し、xibからctrl+ドラッグで接続していました。
Referencing OutletsがmainImage----File's Ownerになっていて、File's Ownerをカスタムセルクラスにしたら表示することができました。
File's Ownerのカスタムクラスをカスタムセルクラスに設定していたのですが、mainImage----File's Ownerで表示できないのは仕方ないのでしょうか？

[_Kentarou]

File's Ownerをカスタムクラスにしなくてもxibと一緒に生成した状態のままで結べますよ。

[退会済みユーザー]

ありがとうございます。
勉強になります。