Chrome扩展报错：违反Content Security Policy指令，无法执行内联事件处理程序

首先看你提供的代码，最明显的问题是弹窗HTML里的脚本路径拼写错误：
你写的是 <script src="sripts/settings.js"></script>，其中sripts少了一个c，正确路径应该是scripts/settings.js。

这个拼写错误会导致浏览器加载不到settings.js文件，不仅点击按钮的逻辑无法生效，还可能引发页面解析过程中的异常——浏览器尝试加载不存在的脚本时，解析流程被干扰，抛出的错误提示位置会不稳定，这就是页面会随机高亮不同标签（</body>、按钮标签甚至不存在的</head>）的原因。

修正后的弹窗HTML代码：

<!DOCTYPE html>
<html lang="en_NZ">
<body>
    <h1>Header</h1>
    <button id="checkbox"></button>
    <script src="scripts/settings.js"></script>
</body>
</html>

另外补充两个排查点：

• 确认项目目录结构里确实有scripts文件夹，且settings.js放在这个文件夹下
• 检查manifest.json文件，确保弹窗页面和脚本文件都被正确声明在扩展配置中（比如action.default_popup指向你的弹窗HTML，且没有限制scripts目录的访问权限）

内容的提问来源于stack exchange，提问作者Xamrey