Question

我的React App在Chrome扩展程序弹出窗口中没有呈现任何内容时出现问题。另外，我使用Parcel作为webpacker来保存我的文件的chrome扩展格式。

我为弹出窗口使用了模板chrome扩展，它使用了模板，但是当我稍微编辑文件时，它将不再显示。

我的弹出广告只是银行而非 index.js ＆＃39; App＆＃39;渲染。

index.js

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="NLP-title">NLP extension</h1>
        </header>
        <h2>Information regarding user info here:</h2>
        <body className="NLP-webpageinfo"> TEST </body>
      </div>
    );
  }
}
ReactDOM.render(<App />, document.getElementById('root'));

index.html代码段

<div id='root'></div>

manifest.json片段

  "browser_action": {
    "default_popup": "src/index.html"
  }

任何形式的帮助都会很棒。我认为我在 index.js 中的某处有某种语法/不匹配，但我对反应开发并不太熟悉。

Answer 1

查看此套餐（即使您不需要使用redux，设置也可以帮助您进行设置）

https://www.npmjs.com/package/react-chrome-redux

在Chrome扩展弹出窗口

1 个答案: