反應不渲染在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