Sample Issue:

Solution:-

To resolve the we need to override the csp_whitelist.xml file present in the module_csp module.

To override, we need to create the custom module.

So let’s start creating it,

Step 1: Create Magento 2 Module Structure

1. Create the following folders in the magento project root directory (ex. – C:\xampp\htdocs\magento2):

• app/code/Thecoachsmb
• app/code/Thecoachsmb/Cspmodule

The Thecoachsmb folder is the module’s VendorName, and Cspmodule is the ModuleName.

Note: If you don’t have the code folder in your app directory, create it manually.

Now, create app/code/Thecoachsmb/Cspmodule/composer.json:

Contents would be:

{}

This file will be loaded by Composer every-time you run it even though we are not actually using Composer with our module.

Step 2: Declaration of Module

It is necessary to create etc folder and add the module.xml file in it

  app/code/Thecoachsmb/Cspmodule/etc/module.xml

Contents would be:

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
<module name="Thecoachsmb_Cspmodule" setup_version="1.0.0"> 
 </module> 
</config>

<?php
\Magento\Framework\Component\ComponentRegistrar::register(
	\Magento\Framework\Component\ComponentRegistrar::MODULE,
	'Thecoachsmb_Cspmodule',
	__DIR__
);