0

我正在尝试开发一个简单的 chrome 扩展，该扩展连接到在选项卡的页面中运行的现有 redux 商店。

我有一个使用 v3 清单运行的 helloworld chrome 扩展。

我的弹出窗口的 html 如下所示：

<html>
  <head>
    <link rel="stylesheet" href="monitor.css">
    <script src="chrome-extension://lmhkpmbekcpmknklioeibfkpmmfibljd/js/redux-devtools-extension.js"></script>
  </head>
  <body>
        <div class='container' >
            <div>
                <label>Redux Dev Tools</label>
                <button id='connect' >Connect</button>
            </div>
            <div>
                <select id='action'>
                    <option id=1>SIGNED_IN</option>
                    <option id=1>SIGNED_OUT</option>
                    <option id=1>FETCH_ALL_BRAND_LINES</option>
                </select>
                <button id='sendAction' >Dispatch</button>
            </div>
        </div>
        <div class='container'>
            <div class='logWindow' id='log'>Log</div>
        </div>
        <script src="monitor.js"></script>
  </body>
</html>

问题来自尝试从 redux-devtools 插件加载 js。

拒绝加载脚本“chrome-extension://lmhkpmbekcpmknklioeibfkpmmfibljd/js/redux-devtools-extension.js”，因为它违反了以下内容安全策略指令：“script-src 'self'”

我的清单文件内容安全配置如下：

"content_security_policy": {
        "extension_pages": "script-src 'self'; object-src 'self'; script-src-elem 'self' 'unsafe-inline';"
    },

但我真的很难理解我需要做什么才能允许加载这个脚本。

谁能建议我应该尝试什么？

4

0 回答 0