Мое расширение Chrome, показывающее «Отказано в выполнении встроенного обработчика событий, поскольку оно нарушает следующую директиву политики безопасности контента»

Question

Я пытаюсь создать расширение для Chrome. И я хочу включить несколько сценариев для целей анимации.

Я создал файл js с именем «animate.js», например

      function ani() {
        // document.getElementById('side-panel').className = 'classname';
        console.log("Animate and close");
}

И в моем html-файле я просто добавил, как

      <script type="text/javascript" src="animate.js"></script>
<div class="section-title" id="side-panel" align="center">
        <img class="icon-close" onclick="ani()" src="icons/close.png">
        <img src="icons/logo.png" style="height: 35px;">
</div>

Затем я попытался запустить и показывает что-то вроде

      Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. Note that hashes do not apply to event handlers, style attributes and javascript: navigations unless the 'unsafe-hashes' keyword is present

Затем я добавил строку ниже в manifest.json

      "content_security_policy": "script-src 'self' 'unsafe-inline'; object-src 'self'"

Но все равно показывает ту же ошибку, как я могу это исправить

заранее спасибо