Question

我正在使用React构建一个Chrome扩展程序。现在，我正在尝试将我的react组件放入扩展的弹出窗口中。它可以在普通网页（localhost：3000）上正常显示，但是当我在manifest.json中将index.html添加为default_popup时，只会弹出一个很小的白框。我看到another post说这是一个内容安全策略，并且在错误中定位SHA256可以解决该问题。但是，我在控制台中未发现任何错误。请帮忙。我还没有真正从基本react-app更改代码，这是我的manifest.json和App.js文件

$this->load->view('create_account', true)

<div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Price on stockX: <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>

Answer 1

您必须首先构建代码，然后将其插入扩展。

npm运行构建
交叉检查manifest.json文件和图标
转到chrome扩展程序
转到加载解压选项
加载构建文件夹有效

Chrome扩展的React组件未呈现

1 个答案: