Error when importing .qml component in QT Creator

Question

I created the "BottomBar.qml" component in the UI folder and when I import it into the main.qml file it is giving me an error. could you help please

BottomBar.qml Component BottomBar

main.qml

Error message Error

I'm following a tutorial and doing exactly the same as the video but it doesn't work. I tried deleting the entire project and creating it again but to no avail.

He uses a qrc file to list all the available QML files, you can see it on the left in his project tree. I guess he uses an older version of QtCreator which has a slightly different project template that automatically creates the qrc file. doc.qt.io/qt-5/resources.html — iam_peter
– iam_peter, Commented Mar 6, 2023 at 11:41
During the video it does not show the contents of this file. Would you have any documentation on how to create it in version 6.4 of QT? I tried looking in the documentation but I couldn't find how to create it. — Felipe Fozzatti
– Felipe Fozzatti, Commented Mar 6, 2023 at 12:11
Welcome to SO. Rather than showing code and error messages as images, please copy and paste the text into your post. Take the tour to learn more about how to write good questions. — JarMan
– JarMan, Commented Mar 6, 2023 at 13:37

DailyLearner · Accepted Answer · 2023-03-06 14:05:51Z

0

Add your QML component to Qt resource file and then import the QML component from resource file.

Have a look at The Qt Resource System to know how to create and use a resource files.

Basically you need to do the following:

Right Click Project Name in project explorer --> Add New --> Qt --> Qt Resource File, to create a new resource file.

In the main.qml import the resource file as follows:

import QtQuick
import QtQuick.Window 2.12
import "qrc:/qml/ui/BottomBar"

Window {
    width: 1280 * .5
    height: 720 * .5
    visible: true
    title: qsTr("Tesla Infotainment")

    BottomBar {
        id: bottomBar
    }
}

Then run the application to get the desired result:

Hope it helps you.

answered Mar 6, 2023 at 14:05

DailyLearner

2,3902 gold badges22 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Felipe Fozzatti Over a year ago

I solved it by creating a new file and putting "Minimun required QT version" as 5.12. Doing this it automatically created qml.qrc and linked main.qml along with the others. But manually adding already with the minimum version 6.4 also worked later. Thanks!

Collectives™ on Stack Overflow

Error when importing .qml component in QT Creator

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related