Windows Image Preview on a Second Screen with a different Resolution

Question

I am using the A-Frame watcher plugin to create the scene, I was creating two entities for left and right tracked-controls-webxr. When I start my dev server from webpack I get this error:

core:a-node:error Failure loading node:   TypeError: Cannot set properties of undefined (setting 'buttonStates')
    at init (tracked-controls-webxr.js:25:64)
    at initComponent (component.js:320:10)
    at i.updateProperties (component.js:302:12)
    at i.module.exports.Component (component.js:78:8)
    at new i (component.js:662:15)
    at HTMLElement.value (a-entity.js:332:19)
    at HTMLElement.value (a-entity.js:495:12)
    at HTMLElement.value (a-entity.js:463:14)
    at a-entity.js:249:14
    at a-node.js:127:21

Originally I had the two entities as childs to the camera cause that makes sense to me, but the page wouldn't load, I moved them out the page loads but I still get the errors.

Solution

Irfanview is a lightweight but powerful free image viewer and slideshow program. It's long been my choice for any image previewing/slideshow use.

Drag the irfanview window over to the second screen before either double clicking the image to make it full screen in a simple manual slideshow; or for a more customized or automatic slideshow use the advanced slideshow function (File>>Slideshow, or press "w").