当被加载组件引用内部组件时，如何正确使用QML Loader

这个问题的核心原因是：当你用Loader加载位于qml/more/目录下的MyDeeperComponent时，该组件的QML上下文默认的导入路径不包含项目根目录，而MySquare正好放在根目录下，所以加载时无法解析MySquare这个类型。下面提供几种可行的解决方法，你可以根据项目需求选择：

方法一：在MyDeeperComponent.qml中导入根资源路径 #

直接在MyDeeperComponent.qml的开头添加根资源路径的导入，让它能访问到根目录下的MySquare：

import QtQuick 2.12
import "qrc:/"  // 导入根资源前缀，这样就能找到根目录下的MySquare

MyDeeperComponentForm {
    // 你的组件逻辑
}

这样修改后，MyDeeperComponent就能正确识别MySquare类型了。

方法二：在main.cpp中全局添加根目录的导入路径 #

如果你希望所有动态加载的组件都能访问根目录下的QML文件，可以在main.cpp中给QQmlApplicationEngine添加根资源路径的导入：

QQmlApplicationEngine engine;
// 添加根目录和qml目录的导入路径
engine.addImportPath("qrc:/");
engine.addImportPath("qrc:/qml");
const QUrl url(QStringLiteral("qrc:/main.qml"));
// ... 后续代码不变

这种方式一劳永逸，不需要修改每个子组件的导入语句，适合根目录下有多个公共组件的场景。

方法三：将公共组件封装为QML模块（推荐的规范做法） #

如果你的项目会越来越复杂，建议把MySquare这类公共组件封装成一个正式的QML模块，这样可以通过模块名导入，不受文件路径限制：

1. 在项目根目录创建一个components目录，把MySquare.qml和MySquareForm.ui.qml移进去。
2. 在components目录下创建qmldir文件，内容如下：

module com.example.components
MySquare 1.0 MySquare.qml

3. 修改qml.qrc，添加components目录的资源：

<RCC>
    <qresource prefix="/">
        <!-- 原有文件 -->
        <file>components/MySquare.qml</file>
        <file>components/MySquareForm.ui.qml</file>
        <file>components/qmldir</file>
    </qresource>
</RCC>

4. 在main.cpp中添加模块的导入路径：

engine.addImportPath("qrc:/");

5. 在需要使用MySquare的地方（包括main.qml和MyDeeperComponent.qml），通过模块名导入：

import com.example.components 1.0

这种方式更符合QML的模块化开发规范，便于组件的复用和维护。

内容的提问来源于stack exchange，提问作者James Hudson