反应不渲染在chrome扩展弹出窗口

Question

我的React App无法在chrome扩展弹出窗口中呈现任何内容时遇到了一些麻烦。 另外，我将Parcel用作Webpacker，以将文件保留为chrome扩展名格式。

我在弹出窗口中使用了模板chrome扩展名，并且与模板一起使用，但是当我稍微编辑文件时，它将不再显示。

我的弹出窗口只是银行而没有index.js'App '呈现。

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的某处存在某种语法/不匹配，但是我对React开发并不太有经验。

Answer 1

签出此软件包（即使您不需要使用redux，该设置也会对您有所帮助）

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

反应不渲染在chrome扩展弹出窗口

问题描述

1 个解决方案

解决方案1
0 2018-06-02 21:37:17

反应不渲染在chrome扩展弹出窗口

问题描述

1 个解决方案

解决方案1 0 2018-06-02 21:37:17

解决方案1
0 2018-06-02 21:37:17