QQmlApplicationEngine未能加载组件

Question

我尝试在Cell.qml中导入( main.qml )，但是我得到了这个错误:启用了QML调试。只在安全的环境中使用。QQmlApplicationEngine未能加载组件qrc:/main.qml:4 "Cell.qml"：没有这样的目录

在我们的主要QML文件中，我们使用Cell组件来创建颜色选择器。我怎么才能解决这个问题？

import QtQuick 2.9
import QtQml 2.0
import "Cell.qml"

Rectangle {
    id:page
    width:320;height: 480
    color: "lightgray"
    Text {
        id: helloText
        text: "Hello World";
        y:30
        anchors.horizontalCenter: page.horizontalCenter
        font.pointSize: 24; font.bold: true
    }
    Grid {
        id:colorPicker
        x:4;anchors.bottom: page.bottom;anchors.bottomMargin: 4
        rows: 2;columns: 3;spacing: 3

        Cell{cellColor: "red";onClicked: helloText.color=cellColor}
        Cell{cellColor: "green";onClicked: helloText.color=cellColor}
        Cell{cellColor: "blue";onClicked: helloText.color=cellColor}
        Cell{cellColor: "yellow";onClicked: helloText.color=cellColor}
        Cell{cellColor: "steelblue";onClicked: helloText.color=cellColor}
        Cell{cellColor: "black";onClicked: helloText.color=cellColor}
    }
}

Answer 1

你需要：

• 将Cell.qml添加到qml.qrc文件中。
• 导入Cell.qml文件的目录。如果Cell.qml位于相对目录../foo/bar/widgets导入‘./foo/bar/widget’；

但是，如果该文件已位于与您的main.qml文件相同的目录中，则不需要导入.。

注意:只导入具有完整路径名的*.js文件。例如：

import "../util/util.js" as Util;