angualr Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self'". code example

Example 1: Refused to execute inline event handler because it violates the following Content Security Policy directive: "default-src 'self' data: gap: https://ssl.gstatic.com

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">

Example 2: Refused to execute inline script because it violates the following Content Security Policy directive

If you are using React:

create a .env file in project root

Add variable as follows: INLINE_RUNTIME_CHUNK=false

Build the project again and load the extension again.