Taking a step back, what exactly is the errormessage?You posted a screenshot, but I can't see the errormessage there.

Is your bundle started?Can you go to services in the OSGi console, and see if you have more info there?

Also you can see if you can post REST-content from the cms into AEM.Before that you need to know what structure/content you are going to use in AEM.

I think in your example you need to implement a PostConstruct, and have the logic in there.

Make sure AEM is not running twice on the same port.

Have a look at the core-components, we have unit-tests are in there: GitHub - Adobe-Marketing-Cloud/aem-core-wcm-components: AEM Core WCM Components

Any package you can share?

You can pass in a Map to data-sly-attribute, that should do the trick.To set multiple attributes, pass a map object hold key-value pairs corresponding to the attributes and their values. For example, assuming,attrMap = {    title: "myTitle",    class: "myClass",    id: "myId"}Then,<div data-sly-attr...

Do getResource() instead of resolve(), if it results in null then it doesn't exists.

What do you see here? /system/console/componentsThere should be a reason why the dependency can't be injected