I am facing Error: Mismatched anonymous define() module: function ($) { 'use strict'; require.js on line 166 error in my custom extension when i am trying to load external js.
Below is my code. Let me know if i am doing anything wrong. app/code/Demo/Barcodeinv/view/adminhtml/layout/barcodeinv_barcode_index.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<script src="Demo_Barcodeinv::js/barcode_inv.js"/>
</head>
<body>
<referenceContainer name="content">
<block class="Demo\Barcodeinv\Block\Adminhtml\Barcode" name="barcode" template="Demo_Barcodeinv::barcode.phtml"/>
</referenceContainer>
</body>
</page>
Here is the code for app/code/Demo/Barcodeinv/view/adminhtml/templates/barcode.phtml
<script type="text/x-magento-init">
require(['jquery','inventory_code'],function(inventory_code){
inventory_code.init('url');
});
</script>
I have put the js file at app/code/Demo/Barcodeinv/view/adminhtml/web/js/barcode_inv.js
define([
"jquery",
"jquery/ui",
"domReady!"
], function ($) {
'use strict';
$.Barcodeinv = function()
{
//some data
};
$.Barcodeinv.prototype = {
init: function (url)
{
//somedata
}
}
return new $.Barcodeinv();
});// JavaScript Document
and path for requirejsconfig is app/code/Demo/Barcodeinv/view/adminhtml/requirejs-config.js
var config = {
map: {
'*': {
inventory_code: 'Demo_Barcodeinv/js/barcode_inv'
}
}
};
Thanks in advance for yur help.
