не реагировать на рендеринг в расширении Chrome - PullRequest
Новая
       9

не реагировать на рендеринг в расширении Chrome

0 голосов
/ 18 мая 2018

У меня возникли проблемы с приложением React, которое не отображало ничего в моем всплывающем окне с расширением Chrome.Кроме того, я использую Parcel в качестве веб-упаковщика для хранения файлов в формате расширения 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 snippet 

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

manifest.json snippet 

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

Любая помощь будет полезна.Я думаю, что у меня есть какой-то синтаксис / несоответствие где-то в index.js , но я не слишком опытен с реактивной разработкой.

1 Ответ

0 голосов
/ 03 июня 2018

Проверьте этот пакет (даже если вам не нужно использовать Redux, установка поможет вам с настройкой)

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

...