No Comments

Magento 2: JS slider Swiper fails to load properly

What are the best practices for installing third party extensions in Magento 2?
adminhtml form ui_component fields not populated

I’m trying to use this jquery slider in my home page:

The problem is the next/prev buttons (arrows) dont work, I clic on them but nothing happens. They are supposed to display the next/previous slider.

When inspecting element in Firefox, under Console tab I got this error:

Error: Mismatched anonymous define() module: function (){“use
strict”;return window.Swiper} makeError()
require.js:166 intakeDefines() require.js:1221 localRequire/<()
require.js:1408 require.js:166:17

How can I fix it?

Related Posts

  • Magento 2 add jQuery on specific page (1)
    I'm using magento 2 and I'm trying to add a content slider on the about us page ,and to do that I need to include the js library , I've tried to do that by adding this <reference name="head"> <action method="addJs"> <script>library.js</script> […]
  • Require Js Error: Mismatched anonymous define() module: function Magento 2 (0)
    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 […]
  • jQuery unresponsive script (0)
    Every time I load my shop in Firefox, I get an Unresponsive script error. I know it is because I have a lot of products on my home page and the page takes a long time to load, so Firefox marks the script unresponsive. Although it says here the the unresponsive script is […]
  • RequireJS Error – require.js:166 Uncaught Error: Mismatched anonymous define() module: function (){return Z} (0)
    I'm new to RequireJS and trying to figure out why this is happening. I have a custom file stickyNav.js in <vendor>/<theme>/web/js. I've added a requirejs-config.js file in <vendor>/<theme>/web/. var config = { map: { '*' : { […]
  • Product tabs is not working, “dts.on…” is not a function (0)
    I have newly installed Magento CE in my local system. Now when I install first external module(adding banners to Homepage) it breaks the Product detail page tabs giving error as below in console in for rwd theme: TypeError: dts.on is not a function dts.on('click', […]
  • Magento2: Layered nav always stuck showing (won't show / hide on click) (0)
    Using Magento2 layered filter nav I used to be able to click on the filter heading and it would show and hide the options. But for some reason this has stopped working and I can't figure out why. I can't see any JS errors in the console at all. I did clear the caches recently but I […]
  • How to make a simple ajax call in Magento 2.1.0 (1)
    I have added a simple button in one of my phtml file. <input type='button' name='emq_zip_btn' class='emq_zip_btn' value='Go'> I have added one custom js file ("emq.js") from a custom module (Ved_Mymodule) : require([ "jquery", "jquery/ui" ], […]
  • Checkout stuck step 2 (payment) on FF only (0)
    I have magento 2 running on live project and our clients are seeing some weird issue on Firefox browser. I was able to reproduce it only once and after refreshing the page everything is working as expected. I will be happy if someone have/had similar issue and have some information […]
  • jquery not defined error in magento 2 (1)
    I am trying to bring banner scroll in magento2. I am using owl carousel for this purpose. Everything have done and implemented and is showing in firefox without any errors. But when checked in chrome, i found jquery not defined error. After some diggings, i found we need to use call […]
  • Lightbox / image slider module tutorial (1)
    I have made a lightbox in jQuery, and I want to convert it to a module in Magento. With this module, I want a dropdown option under CMS, and be able to add galleries. Then, I want to create a shortcode, to call these galleries inside a cms page or static block. But I can't find any […]
What are the best practices for installing third party extensions in Magento 2?
adminhtml form ui_component fields not populated

Be the first to post a comment.

Add a comment

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    Markdown is turned off in code blocks:
     [This is not a link](

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see