如何在Qt Creator设计模式下使用QML Connect {}

Question

以下代码在Qt Creator编辑模式下工作正常，但当我尝试切换到设计模式时，它会出错：

“由于qml文件中的错误，无法打开此qml文档。”

然后我无法以图形方式编辑布局。如果我注释掉Connect {}项，那么设计模式将再次起作用，我可以用图形方式进行编辑。

任何人都会看到错误可能是什么。

我做错了什么？谢谢你的期待。

import QtQuick 2.4
import QtQuick.Window 2.2

Window {
    id: window1
    visible: true

    Rectangle {
        id: rect
        color: "#ffffff"
        width: 100; height: 100

        MouseArea {
            id: mouseArea
            anchors.fill: parent
        }

        Connections {
            target: mouseArea
            onClicked: {
                print("clicked")
            }
        }

    }

}