image/video/gifs not loading in Qt/QML

If you've ever been baffled by why your resources aren't loading after running your QTQuick project, you're not alone. But fear not, the solution might be simpler than you think!

The Problem:
When you start a QTQuick project, sometimes the necessary moc (Meta-Object Compiler) libraries aren't added in the cmake configuration. This oversight can prevent your resources from loading properly, leaving you scratching your head in confusion.

The Solution:
Luckily, there's a straightforward fix. By adding a couple of lines to your cmake configuration file (CMakeLists.txt), you can ensure that the moc libraries are included, allowing your resources to load correctly.

Here's what you need to add to your CMakeLists.txt file:

set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTORCC ON)

These lines instruct CMake to automatically handle the generation of moc files (which are used for signals and slots in Qt) and to process the resource files.

Putting It All Together:
To integrate these changes into your project, simply insert the lines into your CMakeLists.txt file, typically near the beginning:

..
project(yourAppName VERSION 0.1 LANGUAGES CXX)

set(CMAKE_AUTOMOC ON)
set(CMAKE_CXX_STANDARD_REQUIRED ON)
set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTORCC ON)

find_package(Qt6 6.2 COMPONENTS Quick REQUIRED)
..

By doing so, you're ensuring that the necessary moc libraries are included in the build process, resolving the issue of your resources not loading.

With this tweak, your QTQuick project should now run smoothly, saving you from further frustration and helping you focus on what really matters: building your awesome application. You're welcome!