QQmlApplicationEngine failed to load component : "Type" is not a type

Question

I'm having trouble loading one qml through another.

Basically, I have created a qml type MyTabView in MyTabView.qml:

import QtQuick 2.3
import QtQuick.Controls 1.2

TabView {
    width: 360
    height: 360

    Component.onCompleted: {
        addTab("Tab 1", tab1)
  
        addTab("Tab 2", tab2)
    }

    Component {
        id: tab1
        Rectangle {color: "red"}
    }

    Component {
        id: tab2
        Rectangle {color: "blue"}
    }
}

and I am trying to use it in another qml file (main.qml), which is in the same directory:

import QtQuick 2.3
import QtQuick.Controls 1.2
import "."

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Main")

    MyTabView {}
}

but when I try to run my project, I get this error:

QQmlApplicationEngine failed to load component qrc:/qml/main.qml:11 TabView is not a type

Notes:

I have M Caps in MyTabView.qml and it's in the same directory as main.qml.
When I replace all the code of MyTabView.qml instead of MyTabView {} inside main.qml, the program does not give any error and runs correctly.

What am I doing wrong and how to fix it ?

You have called your own class `TabView` whilst using Qt's `TabView` simultaneously. Change your class name (in QML the class name is the name of the QML definition file). — cmannett85, Nov 17 '14 at 10:01
I have changed the name of my xml file to `MyTabView.xml` and is calling `MyTabView{}` in the `main.xml` but i get the same error `MyTabView is not a type` — bourne, Nov 17 '14 at 10:10

SR_ · Answer 1 · 2017-04-06T21:31:06.087

23

Have you added the file to your Resources ?
Adding your MyTabView.qml to your project in the same directory of main.qml is not sufficient.
You have to put your QML file in the Resources (probably main.qrc/qml/) in order to have it deployed.
The editor of Qt Creator does not need this inclusion in order to find your type, therefore it displays no error.

edited Apr 06 '17 at 21:31

answered Jun 30 '16 at 19:43

SR_

874
13
31

1

Thank you! This is not writen in any of the examples delivered by Qt! This solved my case. – A. Ocannaille Oct 03 '16 at 12:49
2

@A.Ocannaille you should consider accepting this answer if it solved your problem. – Martin Delille Sep 30 '18 at 22:45
@MartinDelille You're right ;-) But I'm not the poster :) I already have upvoted the answer – A. Ocannaille Oct 06 '18 at 18:37
Sorry @A.Ocannaille! I wanted to speak to @bourne! :-) – Martin Delille Oct 08 '18 at 10:19
I'm mystified as to why Qt Creator puts QML files in a special "QML" folder, but doesn't add them to Resources as required. – Oscar Jun 19 '19 at 20:50
I would say this is a bug, why won't QT Creator put it in Resources folder right away?! =( – Haroun Hajem Jul 28 '20 at 19:23

score 5 · Answer 2 · answered Mar 11 '15 at 17:04

5

I had a similar problem.

qrc:AGview.qml:8:15: AGraph is not a type

I solved it: my original code (in my main.cpp):

view.setSource(QUrl("qrc:AGview.qml"));

the working one:

view.setSource(QUrl("qrc:/AGview.qml"));

I think without the slash it don't search in the actual folder.

answered Mar 11 '15 at 17:04

schoenix

61
1
3

I had the same problem. Does anyone know an explanation for this? – philipp Oct 23 '17 at 10:47
I don't think(!) the slash has anything to do with the folder structure and rather with the prefixes you set in the qrc file. But the default prefix is just "/". So as long as you don't add another prefix, it should give you the same result as if it is about a folder structure, – JuSchu May 01 '21 at 21:31

score 1 · Answer 3 · answered Nov 17 '14 at 10:02

1

You should rename your "TabView.qml" to something like "MyTabView.qml".

Because of that import

import "."

you have conflict of TabView from "QtQuick.Controls 1.2" and local folder "."

answered Nov 17 '14 at 10:02

QtRoS

1,149
1
16
23

I have changed the name of my xml file to `MyTabView.xml` and is calling `MyTabView{}` in the `main.xml` but i get the same error `MyTabView is not a type` – bourne Nov 17 '14 at 10:08
@bourne Why do you use "xml" extension for your source files? There is nothing similar between qml and xml. – QtRoS Nov 18 '14 at 17:01

score 1 · Answer 4 · answered Jan 26 '20 at 09:18

This error can also be caused by a component's having an error. For instance, I had this sequence of errors:

QQmlApplicationEngine failed to load component
qrc:/main.qml:6 Type MainView unavailable
qrc:/MainView.qml:27 Type ApplicationLocked unavailable
qrc:/ApplicationLocked.qml:4 MetaStateChart is not a type

It's not very clear, bu the error in MainView is caused by a problem in ApplicationLocked. When I fixed that error, everything else worked.

So contrary to the conventional wisdom of starting with the first compiler error, it may be necessary to start with the last one!

score 1 · Answer 5 · answered Oct 24 '22 at 11:21

Ok I have had this problem recently with QT 6.2 and QML. Using both CMake and QMake as the build systems.

The solution is to add the QML file e.g. MyTabView.qml to the resources file and make sure it is added to the CMakeLists.txt or the project file (should be done automatically for you).

Then in the top of your main.qml or wherever you are using this custom component import qrc:/. Assuming the custom qml file was added under the prefix / and therefore its resource path will be qrc:/MyTabView.qml.

score 1 · Answer 6 · answered Jun 20 '23 at 09:04

For Qt 6.4 Rob Sanders solution worked for me.

Add the executable to your CMakeLists.txt

 set(CMAKE_AUTORCC ON)
 qt_add_executable(app015_custom_elements
     main.cpp
     resources.qrc
     MyButton.qml
 )

import it like import "qrc:/qml" (change the /qml to wherever your qml file lie)

Then you can use it. In my case

MyButton{}

score 1 · Answer 7 · answered Jul 14 '23 at 09:07

1

If you have tried all the solutions mentioned by others but they don't work, you can try this one:

#  (in cmakelists)
qt_add_qml_module(appNewapp
    URI Newapp
    VERSION 1.0
    QML_FILES Main.qml
    YourQML.qml
)

This works for Qt6.4

answered Jul 14 '23 at 09:07

wey

21
2

QQmlApplicationEngine failed to load component : "Type" is not a type

7 Answers7

Linked