Can't import QML component using QRC

Jason Wright

I have a QML project with the following directory structure:

/
  project.pro
  main.cpp
  qml.qrc
  /qml
    /main
      main.qml
    /components
      Navigation.qml

and my qml.qrc file is as follows:

<RCC>
    <qresource prefix="/">
        <file alias="main">qml/main/main.qml</file>
    </qresource>
    <qresource prefix="/components">
        <file alias="navigation">qml/components/Navigation.qml</file>
    </qresource>
</RCC>

What I'm trying to do is use my Navigation component within main.qml. I cannot for the life of me figure out what the correct import statement should be. I've tried lots of variants of

import "qrc:/components/navigation" as Navigation

only to repeatedly get errors like

QQmlApplicationEngine failed to load component 
qrc:/main:5 "qrc:/components/navigation": no such directory

I have tried messing with the file structure/naming/qrc prefixes/etc with basically no luck. Can anyone guide me on the proper way to do this?
Thanks!

cjmdaixi

This post is deleted!

p3c0

said in Can't import QML component using QRC:

qrc:/components/navigation

Shouldn't it be qrc:/qml/components/navigation instead ?

raven-worx

@p3c0 said in Can't import QML component using QRC:

Shouldn't it be qrc:/qml/components/navigation instead ?

no there is a "navigation" prefix specified (in the qrc file).

@Jason-Wright
What does QFileInfo(":/components/navigation").exists() return?
Also make sure that the qrc file is rebuilt correctly. You can rerun qmake and to a rebuilt to make sure.

Jason Wright

@raven-worx thanks for your response!

QFileInfo(":/components/navigation").exists() returns true.
I've also tried clean builds & re-running qmake, but no luck so far :-(

Jason Wright

@Jason-Wright

I did eventually get this to work by doing the following:

changed the qrc file to

<RCC>
    <qresource prefix="/">
        <file alias="main">qml/main/main.qml</file>
    </qresource>
    <qresource prefix="/components">
        <file alias="Navigation.qml">qml/components/Navigation.qml</file>
    </qresource>
</RCC>

changed the import statement in main.qml to

import "./components" as Components

and subsequently using

Components.Navigation { id: navigation }

which then causes a lookup of Navigation.qml (and yeah, I did still have to give it an alias in the .qrc file, for some reason...)

Not sure why I had to do this from my reading of the documentation, but it's at least a workable solution.

raven-worx

@Jason-Wright said in Can't import QML component using QRC:

which then causes a lookup of Navigation.qml (and yeah, I did still have to give it an alias in the .qrc file, for some reason...)
Not sure why I had to do this from my reading of the documentation, but it's at least a workable solution.

Seems like QML only resolves components only with .qml extension.

Your solution wokrs because import "./components" as Components imports the whole folder 'navigation'. Then you use the component Components.Navigation, which then is loaded by the engine as Navigation.qml.

Hit Tiger Tonight

@Jason-Wright Thanks for your solution. Help me solve the same problem.
You can also remove 'as Components', then don't care this alias when use your 'Navigation'.