_generate_background_page.html Chrome 扩展中的意外评估

Question

我有一个用 TypeScript 和 React+JSX 编写的 Chrome 扩展程序。我在我的扩展程序的 Chrome 扩展程序选项卡中看到以下错误：

Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self'".

Context
_generated_background_page.html
Stack Trace
js/background.js:291 (anonymous function)

我没有在我的代码中的任何地方使用eval。因为扩展现在需要 CSP，所以我使用的是不包括 eval 的 CSP（这被认为是最佳实践）。我认为 TypeScript 可能正在编译我的代码或 JSX 代码以使用 eval。但是，我在缩小/编译的代码中的任何地方都找不到eval。大家知道这可能指的是什么吗？

Answer 1

当指定 devtool 选项时，webpack 似乎使用了eval。更多文档可以在here 找到。在开发（未缩小）模式下构建时，这一事实变得更加明显。

这种行为很不幸。