QML中自定义控件出错Cannot assign to non-existent property “myCheckBox“

现象

在qml中，自定义一个myCheckBox控件，新建一个myCheckBox.qml文件，在其中添加如下代码。

CheckBox{
    width: 10
    height: 10
    tristate:true
    onClicked: {
        console.log("clicked check box");
    }
}

在main.qml中调用

myCheckBox{

 }

原因及解决方案

原因：因为在qml中，自定义的控件，文件名必须要大写，否则不能识别。真的是有点坑！！！
方案：把myCheckBox改为MyCheckBox，则可以正常调用了。

MyCheckBox{

 }