Wikitude
How can we help you today?
cordova problems on intel XDK
2 CommentsSorted by Oldest First
Hi everyone!
I'm trying devolope a augmented reality app that just like the first example "image on target".
When i execute this, i have this error:
Uncaught TypeError: Cannot read property 'require' of undefined
on this line:
var wikitudePlugin = cordova.require("com.wikitude.phonegap.WikitudePlugin.WikitudePlugin");
and then if i press the first option to try the first example, i havethis error:
Uncaught TypeError: Cannot read property 'file' of undefined
at this line:
if ( example.path.length > cordova.file.applicationDirectory ) {
if ( example.path.substring(0, cordova.file.applicationDirectory) != cordova.file.applicationDirectory ) {
example.path = cordova.file.applicationDirectory + example.path;
}
}
this is my index.html code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta content="width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes" name="viewport">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' gap://ready file://* *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
<link rel="stylesheet" type="text/css" href="css/index.css" />
<!-- jQuery JS & CSS -->
<link rel="stylesheet" href="jquery/jquery.mobile-1.3.2.min.css" />
<script type="text/javascript">
var wikitudePlugin = cordova.require("com.wikitude.phonegap.WikitudePlugin.WikitudePlugin");
wikitudePlugin._sdkKey = "2lAl3UNqmY+CvaOTJOPWwBqsPOkhM4b+1Rtb3TWbZwp1Fljf7awCg9EIRE3mVVfM16qrrjsgjiI4BLyBTMSOXfJA9zHPfCAuGH6SY7MEwxB2F39Q4Rnu9Vc2e9AjmxzlpIDNjmZl5L+MB9TQJcvQncX5Hl7loGyjMQJnJtm69o9TYWx0ZWRfX70EfmChGCcc0ET7nG5MWeuvGfnjabQUnheZ4te5xeKpWeALoa3GyaYjFqYOZyBO2kEdkdmdvNLSx8weku+zOfZLd+ZzL+t+j1pJOn8Zx29IpboqvlwQ1rSnpwxyEJ+21UJiruqzI/3+gA0mOysIsHltFSYnfcxSwtFYgQaRgOFtQRccKolwwQCXUExDf1r1n/7uOGmEYBPX0DDCMcv49ingsqwVxpGDvUgHMzVkEA+9sro3xuhMAWqPex1PGcoF1ZzKMQlFcT1OJRQ9VdR0xTEAFH3Zpu8V0DFgiRs/o2+km24R0lmrghRTXxIURfhx3blU1G6hoL/UkWMCKELcqf9BoCsAMyXBFBny0Z30Cz6xyEI0r8M5Tg270iHvEucMoW8UBUG7uf7n5WQEee4cVYmpKQX2cdWEUy5aBs3j2IBEfYWgCOB6wnfMW8neYtLj+CUaGo3m2RX1QyQ+U5W40s9dhctRkf5C1ai4QKUTGFbii6uZv5JqFww=";
wikitudePlugin.isDeviceSupported(function() {
var example = {
"path": "index.html",
"requiredFeatures": ,
"startupConfiguration": {
"camera_position": "back"
}
};
wikitudePlugin.loadARchitectWorld(function successFn(loadedURL) {
/* Respond to successful world loading if you need to */
}, function errorFn(error) {
alert('Loading AR web view failed: ' + error);
},
example.path, example.requiredFeatures, example.startupConfiguration
);
}, function(errorMessage) {
alert("Device is not supported");
},
);
</script>
<script src="jquery/jquery-1.9.1.min.js"></script>
<script src="jquery/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<script type="text/javascript" src="js/sampleIndices.js"></script>
<script type="text/javascript" src="js/loadingPoisFromApplicationModel.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<br/><br/>
<div data-role="page" id="page1" style="background: none;" >
<div id ="header-status" data-role="header" data-position="fixed" data-theme="a">
<h2>Wikitude Plugin</h2>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Enter World URL</h4>
<div data-role="fieldcontain">
<label for="url">World URL:</label>
<input type="url" name="url" id="url" value="http://" />
<input type="button" value="Launch" id="url-button" data-icon="arrow-r"/>
</div>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Client Recognition</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(0, 0));">1.1 Image on Target</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(0, 1));">1.2 Multiple Targets</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(0, 2));">1.3 Extended Tracking</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(0, 3));">1.4 Interactivity</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(0, 4));">1.5 Html Drawable</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(0, 5));">1.6 Bonus: Sparkles</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(0, 6));">1.7 Bonus: Distance To Target</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Cloud Recognition</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(1, 0));">2.1 Basic Recognition On: Click</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(1, 1));">2.2 Continuous Recognition Vs On: Click</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(1, 2));">2.3 Using Response Metainformation</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>3D Models</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(2, 0));">3.1 3D Model on Target</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(2, 1));">3.2 Appearing Animation</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(2, 2));">3.3 Interactivity</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(2, 3));">3.4 Snap To Screen</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(2, 4));">3.5 Animated Model Parts</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(2, 5));">3.6 3d Model At Geo Location</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Point of Interest</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(3, 0));">4.1 Poi At Location</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(3, 1));">4.2 Poi With Label</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(3, 2));">4.3 Multiple Pois</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(3, 3));">4.4 Selecting Pois</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Obtain Poi Data</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(4, 0));">5.1 From Application Model</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(4, 1));">5.2 From Local Resource</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(4, 2));">5.3 From Webservice</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Browsing Pois</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(5, 0));">6.1 Presenting Details</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(5, 1));">6.2 Adding Radar</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(5, 2));">6.3 Limiting Range</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(5, 3));">6.4 Reloading Content</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(5, 4));">6.5 Bonus: Capture Screen</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Video</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(6, 0));">7.1 Simple Video</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(6, 1));">7.2 Playback States</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(6, 2));">7.3 Snapping Video</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(6, 3));">7.4 Bonus: Transparent Video</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Hardware Control</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(7, 0));">8.1 Front Camera</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(7, 1));">8.2 Camera Switching</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(7, 2));">8.3 Camera Control</a></li>
</ul>
</div>
<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="d">
<h4>Demos</h4>
<ul data-role="listview">
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(8, 0));">9.1 2D Tracking And Geo</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(8, 1));">9.2 Solar System (Geo)</a></li>
<li><a href="javascript:app.loadExampleARchitectWorld(getSamplePath(8, 2));">9.3 Solar System (2D Tracking)</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
$( "#url-button" ).bind( "click", function(event, ui) {
app.loadCustomARchitectWorldFromURL($("#url").val());
});
</script>
</body>
</html>
Can someone explain to me what i'm doing wrong?
Thanks,
João Pinho
Hi Joao,
Can you please test with our sample app and confirm if this is working? Because if the sample app is not working as well then most likely there has been an error in the installation proccess of Cordova.
Thanks
© 2023 Wikitude, a Qualcomm company
Joao Pinho