小编Ben*_*Ben的帖子

Chrome 扩展:拒绝执行内联脚本,但没有内联脚本?

我正在尝试使用 reactjs 构建一个非常基本的 chrome 扩展。但是,我收到以下错误:

拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src 'self' 'unsafe-eval'”。启用内联执行需要“unsafe-inline”关键字、哈希(“sha256-irwQGzGiWtpl6jTh4akRDdUUXCrtjkPABk5rinXZ5yw=')或随机数(“nonce-...”)。

我不明白这是从哪里来的,因为我似乎没有任何内联脚本。

newtab.html:

<!DOCTYPE html>
<html>
  <head>
    <title>New Tab</title>
    <script src="react.js"></script>
    <script src="react-dom.js"></script>
    <script src="babel.js"></script>
    <script type="text/jsx" src="test.jsx"></script>
  </head>
  <body>
    <div id='root'></div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

测试.jsx:

import React from "react";
import ReactDOM from "react-dom";

class Hello extends React.PureComponent {
  render() {
    return (
      <div>
        <h1>Hello!</h1>
      </div>
    );
  }
}

const element = <Hello />;
ReactDOM.render(
  element,
  document.getElementById('root')
);
Run Code Online (Sandbox Code Playgroud)

清单.json:

{
  "manifest_version": 2,

  "name": "SuperBasicReact",
  "description": "Just trying to make this work",
  "version": "0.1",

  "chrome_url_overrides": …
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome-extension content-security-policy reactjs

5
推荐指数
1
解决办法
2953
查看次数