Error when loading AR.js three.js location only build about ar.js HOT 5 CLOSED

Thank you for the swift reply, I'll just use webpack or another bundler for testing then. Was just curious why it's not working on Glitch.

br,
Max

from ar.js.

@FireDragonGameStudio for info - there is now a new tutorial for location-based three.js, at: https://ar-js-org.github.io/AR.js-Docs/location-based-three/

from ar.js.

Hello Max,

I'm not sure why this is happening, it's related (I would imagine) to how the AR.js bundle is built. It looks like you can't mix the use of an importmap for three.js with the built AR.js location-based bundle. @kalwalt - any ideas?

You can get it to work by installing AR.js via npm and using webpack to build. For example:

{
    "dependencies": {
        "@ar-js-org/ar.js": "3.4.2"
    },
    "scripts": {
        "build": "npx webpack"
    }
}

and the webpack.config.js as follows:

module.exports = {
	mode: 'development',
	entry: './script.js',
	output: {
		path: path.resolve(__dirname, 'dist'),
		filename: 'bundle.js'
	},
	optimization: {
		minimize: false
	}
};

and then link to bundle.js from your HTML.

Also in the JavaScript source, import the modules as follows:

import * as THREE from 'three';
import * as THREEx from '@ar-js-org/ar.js/three.js/build/ar-threex-location-only.js'

I am intending to update the docs soon to reflect this.

Hope that helps.

from ar.js.

I don't think it's Glitch specific, the same problem also occurs when testing on a local machine - but I am not sure myself as I didn't develop the bundling process.

from ar.js.

Closing this now as I believe it has been resolved.

from ar.js.