I create module to show instagram photos here my view->frontend :
frontend--/
|layout--/
| cms_index_index.xml
| default.xml
|
|templates--/
| instafeed.phtml
|
|web--/
| js--/
| instafeed.min.js
| main.js
|
|requirejs-config.js
requirejs-config.js
var config = {
"paths":
{
"insta": "Test_Instafeed/js/instafeed.min",
"instaMain": "Test_Instafeed/js/main",
}};
main.js
require(["insta"], function(){
(function ($)
{
var feed = new Instafeed({
get: 'tagged',
tagName: 'awesome',
clientId: 'xxxxxxxxxxxxxxx',
resolution: 'low_resolution',
limit: '32',
});
});
});
feed.run();
instafeed.phtml
<h1><?php echo $block->getTitle(); ?></h1>
<hr />
<div id="instafeed"></div>
But I always get error :
Uncaught Error: Mismatched anonymous define() module: function (){return e}
http://requirejs.org/docs/errors.html#mismatch
Uncaught Error: Mismatched anonymous define() module: function ()
{
feed.run();
}
I'm getting confuse with this, if anybody can help me, I will appreciate :)