Magento 2 - Custom Module JS error

Question

I am trying to add custom js file using my custom module. But getting below error in console.

Uncaught ReferenceError: Plyr is not defined
DevTools failed to load SourceMap: Could not load content for http://localhost/magento/pub/static/version1592134088/frontend/Magento/luma/en_US/Vendor_Module/js/plyr.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

My code:

app\code\Vendor\Modle\view\frontend\requirejs-config.js

var config = {
 map: {
 '*': {
 plyr: 'Vendor_Module/js/plyr'
 }
 }
};

On phtml file

<script type="text/javascript">
require(['jquery','plyr'],function($){
 const player = new Plyr('#player1', {
 fullscreen:{ enabled: true, fallback: true, iosNative: true },
 controls:['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen', 'download']
 });
});
</script>

Does anyone have any solution? Thanks in advance.

• Sohel Rana: did you delete static content? and deploy again?
• Nayem323: Yes, did run all commands that required.
• ParulThakkar: where you put your js file can you mention path here ?

Answer 1

One minor error in .phtml file and that should be like bellow:

<script type="text/javascript">
 require(['jquery','plyr'],function(,ドルplyr){
 // logic here
 });
</script>