无法在我的 chrome 扩展上加载 tesseract.js答案

【问题标题】：Not able to load tesseract.js on my chrome extension无法在我的 chrome 扩展上加载 tesseract.js
【发布时间】：2021-10-14 06:17:40
【问题描述】：

我正在尝试制作一个可以截屏的 chrome 扩展，其想法是通过 tesseract.js 传递它

但是当我使用 CDN 脚本标签时

<script src='https://unpkg.com/tesseract.js@v2.1.0/dist/tesseract.min.js'></script>

我收到此错误： error.png

拒绝加载脚本“https://unpkg.com/tesseract.js@v2.1.0/dist/tesseract.min.js”，因为它违反了以下内容安全策略指令：“script-src 'self' blob：文件系统："。请注意，'script-src-elem' 没有显式设置，因此 'script-src' 用作备用。

有什么建议我需要做什么吗？我不想使用 npm 方法。

我需要将content_security_policy 添加到我的 manifest.json 文件中吗？如果是，那是什么？

【问题讨论】：

标签： javascript google-chrome-extension cdn tesseract.js

【解决方案1】：

Refer the screenshot from manifest.json

您可以使用 tesseract.min.js 文件作为 manifest.json 中的内容脚本。现在，在单独的 content.js 文件中执行与 Tesseract 相关的任务，单击 popup.html 中的按钮会调用该文件。

由于我们使用 tesseract 文件作为内容脚本，因此 tesseract 变量可用于调用的内容脚本，因此我们可以在此文件中成功执行所有与 tesseract 相关的操作。

【讨论】：