Qt6中加载自定义qml遇到的问题

前言：
可能在Qt5.x版本里面也有这样的问题，只是最近学习QML，就想着用最新的Qt写代码，于是乎就遇到了问题。

在Qt6中创建完成QML项目后，main.cpp里面默认是下面这样的：

#include 
#include 
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;
    const QUrl url(u"qrc:/untitled/main.qml"_qs);
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);
    return app.exec();
}

这里注意到它使用的url中，前面带u，后面带_qs，前面带u应该是使用utf8编码，后面_qs是什么鬼？这个不懂，暂时不管它，直接运行程序是没有问题的。
然后我自己另外写了要给qml文件，要在main.qml中引用，我把它们放在同一个目录中，如下所示：

一个main.qml和要给SelfText.qml文件，此时的工程目录结构如下所示：

注意，这里是没有生成qrc相关文件的（悄悄告诉你，编译后会生成一个qrc文件，后面会提到）。

然后修改main.qml文件，引入自己写的qml文件，如下所示：

import QtQuick
Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
	//自定义控件
    SelfText{
        id:selftext
        text: "test"
    }
}

按照惯例，不需要做任何设置和修改，就可以直接编译运行的，但是恰好错误就出现在这里，如下所示：

这里就提示我新加的qml文件不是一个类型，说白了就是它没有找到，这里就很好奇提示语中qrc是哪儿来的？
因为在电脑文件夹中是没有qrc相关文件的，于是打开pro文件，看到这样几句话：

resources.files = main.qml 
resources.prefix = /$${TARGET}
RESOURCES += resources

这里是不是在搞事情，对，这里默认生成了一个qrc文件，这个文件在哪儿？这个文件在编译出来的目录中，我电脑上的如下所示：

打开这个文件查看内容如下所示：



E:/QML/TestQML/main.qml

这简直和pro里面定义一摸一样啊，于是大概找到了修改方向：在pro中增加我们自己定义的qml文件，修改如下所示：

resources.files = main.qml 
    SelfText.qml
resources.prefix = /$${TARGET}
RESOURCES += resources

再次编译，发现运行成功了，截图如下：

此时，在看编译后的qrc文件，内容如下所示：



E:/QML/TestQML/main.qml
E:/QML/TestQML/SelfText.qml

它自己就增加了一行代码。
以上是自己一步一步看文件配置，看输出文件总结出来的，下面在给出一种方式：

不记得是在哪儿看到过，如果不想在编译输出目录中看到相关qml文件信息，解决办法之一是将所有的qml文件放在qrc中（也不知道是不是那么回事儿），暂且不管。
这里先把pro中自动生成qrc的代码去掉，然后添加一个qrc资源文件，然后把两个qml文件添加进去，如下图所示：

然后修改main.cpp文件，如下所示：

#include 
#include 
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;
    const QUrl url("://main.qml");
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);
    return app.exec();
}

这里的url是直接在qrc的编辑器中复制过来的，然后运行，你会发现，现在连main.qml都找不到了，如下所示：

这可情况不妙，这里排查过程且不表，直接给出修改方法，直接修改url路径即可，在冒号前面加上qrc，冒号后面用"///“或者”/"，如下所示：

const QUrl url("qrc:///main.qml");
或者
const QUrl url("qrc:/main.qml");

两种方式都是可行的，再看看看运行结果：

再回过头来看看编译输出目录，里面确实没有qml相关的输出，有一个qrc_QML.cpp，这个是翻译后的代码，也看不出啥，看来把qml文件放在qrc中确实是可以隐藏qml的相关细节的：

Qt6中加载自定义qml遇到的问题

C/C++/C#相关栏目本月热门文章