How to resolved Uncaught SyntaxError: Unexpected token ‘ in JSON at position 159 in Magento?

While Developing features with Magento and javascript, sometimes you are facing an error in the browser console for the unexpected token defined in JSON and that will break your Magento functionality on that page.

This type of error we are facing is due to tiny mistakes in javascript JSON Declaration in our code.

This error is coming because our javascript snippet declaration using script text x-magento-init syntax has minor mistakes. Continue reading “How to resolved Uncaught SyntaxError: Unexpected token ‘ in JSON at position 159 in Magento?”

How to add custom validation rule in javascript using magento 2?

You can add a new validation rule with the data-validate attribute of the HTML tag using Magento.

By Default Magento mage/validation.js file used to set out-of-the-box custom rules for the Magento. Most of the times custom rules are used in the input tags. though you can apply to form tag, select tag as well as any HTML tag.

Syntax:
$.validator.addMethod(argument1, argument2, argument3) used to define custom validation rule in Magento. Continue reading “How to add custom validation rule in javascript using magento 2?”

What is the RequireJS configuration map vs paths vs shim in Magento 2?

Magento 2 used Require JS Configuration properties are the map, paths, shim, mixins, and deps.

In Magento, We have to declare all the Require JS configuration properties inside the requirejs-config.js file.

You can declare the requirejs-config.js file at different AREA Scope like frontend or adminhtml. Continue reading “What is the RequireJS configuration map vs paths vs shim in Magento 2?”